Fix/tv interface android (#1576)

Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>

components/PlayButton.tv.tsx

@@ -69,6 +69,7 @@ export const PlayButton: React.FC<Props> = ({
       subtitleIndex: selectedOptions.subtitleIndex?.toString() ?? "",
       mediaSourceId: selectedOptions.mediaSource?.Id ?? "",
       bitrateValue: selectedOptions.bitrate?.value?.toString() ?? "",
+      playbackPosition: item.UserData?.PlaybackPositionTicks?.toString() ?? "0",
     });
 
     const queryString = queryParams.toString();

components/home/Home.tv.tsx

@@ -46,7 +46,7 @@ import { updateTVDiscovery } from "@/utils/tvDiscovery/sync";
 const HORIZONTAL_PADDING = scaleSize(60);
 const TOP_PADDING = scaleSize(100);
 // Generous gap between sections for Apple TV+ aesthetic
-const SECTION_GAP = scaleSize(10);
+const SECTION_GAP = scaleSize(24);
 
 type InfiniteScrollingCollectionListSection = {
   type: "InfiniteScrollingCollectionList";

components/home/TVHeroCarousel.tsx

@@ -207,7 +207,7 @@ export const TVHeroCarousel: React.FC<TVHeroCarouselProps> = ({
   const typography = useScaledTVTypography();
   const sizes = useScaledTVSizes();
   const api = useAtomValue(apiAtom);
-  const _insets = useSafeAreaInsets();
+  const insets = useSafeAreaInsets();
   const router = useRouter();
 
   // Active item for featured display (debounced)
@@ -381,7 +381,13 @@ export const TVHeroCarousel: React.FC<TVHeroCarouselProps> = ({
   const heroHeight = SCREEN_HEIGHT * sizes.padding.heroHeight;
 
   return (
-    <View style={{ height: heroHeight, width: "100%" }}>
+    <View
+      style={{
+        height: heroHeight + insets.top,
+        width: "100%",
+        paddingTop: insets.top,
+      }}
+    >
       {/* Backdrop layers with crossfade */}
       <View
         style={{

components/tv/TVPosterCard.tsx

@@ -438,7 +438,7 @@ export const TVPosterCard: React.FC<TVPosterCardProps> = ({
           position: "relative",
           width,
           aspectRatio,
-          borderRadius: scaleSize(4),
+          borderRadius: scaleSize(24),
           overflow: "hidden",
           backgroundColor: "#1a1a1a",
           borderWidth: scaleSize(2),