fix(native): rename DetailStackHeader to ModalStackHeader and remove hero fade-in animation and continue-watching overlay

- Rename `DetailStackHeader` → `ModalStackHeader` in `modal-stack-header.tsx` and update all import sites (`title/[id].tsx`, `person/[id].tsx`)
- Remove `FadeIn` animation wrapper around `HeroBanner` in the explore screen
- Remove the dark overlay (`rgba(0,0,0,0.4)`) from `ContinueWatchingCard` thumbnail

apps/native/src/app/(tabs)/(explore)/index.tsx

@@ -3,7 +3,7 @@ import { IconDeviceTv, IconFlame, IconMovie } from "@tabler/icons-react-native";
 import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
 import { useCallback, useMemo } from "react";
 import { RefreshControl, ScrollView, View } from "react-native";
-import Animated, { FadeIn, FadeInDown } from "react-native-reanimated";
+import Animated, { FadeInDown } from "react-native-reanimated";
 
 import { FilterableTitleRow } from "@/components/explore/filterable-title-row";
 import { HeroBanner } from "@/components/explore/hero-banner";
@@ -70,11 +70,7 @@ export default function ExploreScreen() {
       refreshControl={<RefreshControl refreshing={isRefreshing} onRefresh={onRefresh} />}
     >
       <View className="gap-8">
-        {heroItem && (
-          <Animated.View entering={FadeIn.duration(400).withInitialValues({ opacity: 0.01 })}>
-            <HeroBanner item={heroItem} />
-          </Animated.View>
-        )}
+        {heroItem && <HeroBanner item={heroItem} />}
 
         <Animated.View entering={FadeInDown.duration(300).delay(100)}>
           <FilterableTitleRow

apps/native/src/app/person/[id].tsx

@@ -16,7 +16,7 @@ import Animated, { FadeIn, FadeInDown } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useCSSVariable } from "uniwind";
 
-import { DetailStackHeader } from "@/components/navigation/modal-stack-header";
+import { ModalStackHeader } from "@/components/navigation/modal-stack-header";
 import { ExpandableText } from "@/components/ui/expandable-text";
 import { Image } from "@/components/ui/image";
 import { PosterCard } from "@/components/ui/poster-card";
@@ -146,7 +146,7 @@ export default function PersonDetailScreen() {
   if (isPending) {
     return (
       <>
-        <DetailStackHeader />
+        <ModalStackHeader />
         <View
           className="bg-background flex-1 items-center"
           style={{ paddingTop: headerHeight + 24 }}
@@ -171,7 +171,7 @@ export default function PersonDetailScreen() {
   if (isError && !data) {
     return (
       <>
-        <DetailStackHeader />
+        <ModalStackHeader />
         <View
           className="bg-background flex-1 items-center justify-center"
           style={{ paddingTop: insets.top }}
@@ -198,7 +198,7 @@ export default function PersonDetailScreen() {
   if (!person) {
     return (
       <>
-        <DetailStackHeader />
+        <ModalStackHeader />
         <View
           className="bg-background flex-1 items-center justify-center"
           style={{ paddingTop: insets.top }}
@@ -221,7 +221,7 @@ export default function PersonDetailScreen() {
 
   const listHeader = (
     <>
-      <DetailStackHeader />
+      <ModalStackHeader />
 
       {/* Profile hero */}
       <Animated.View

apps/native/src/app/title/[id].tsx

@@ -27,7 +27,7 @@ import {
   HorizontalPosterRow,
   type PosterRowItem,
 } from "@/components/dashboard/horizontal-poster-row";
-import { DetailStackHeader } from "@/components/navigation/modal-stack-header";
+import { ModalStackHeader } from "@/components/navigation/modal-stack-header";
 import { CastCard } from "@/components/titles/cast-card";
 import { ContinueWatchingBanner } from "@/components/titles/continue-watching-banner";
 import { SeasonAccordion } from "@/components/titles/season-accordion";
@@ -198,7 +198,7 @@ export default function TitleDetailScreen() {
   if (detail.isPending) {
     return (
       <>
-        <DetailStackHeader />
+        <ModalStackHeader />
         <View className="bg-background flex-1">
           {/* Hero skeleton */}
           <Skeleton width="100%" height={300} borderRadius={0} />
@@ -228,7 +228,7 @@ export default function TitleDetailScreen() {
   if (!title) {
     return (
       <>
-        <DetailStackHeader />
+        <ModalStackHeader />
         <View className="bg-background flex-1 items-center justify-center px-6">
           <IconMovie size={48} color={mutedForeground} />
           <Text className="font-display text-foreground mt-3 text-xl">
@@ -252,7 +252,7 @@ export default function TitleDetailScreen() {
       contentInsetAdjustmentBehavior={useAutomaticInsets ? "automatic" : "never"}
       contentContainerStyle={titleScrollContentStyle}
     >
-      <DetailStackHeader />
+      <ModalStackHeader />
 
       {/* Hero */}
       <View className="h-[300px]" style={heroMarginStyle}>

apps/native/src/components/dashboard/continue-watching-card.tsx

@@ -62,10 +62,6 @@ export function ContinueWatchingCard({ item }: { item: ContinueWatchingItem }) {
                       contentFit="cover"
                     />
                   )}
-                  <View
-                    className="absolute inset-0"
-                    style={{ backgroundColor: "rgba(0,0,0,0.4)" }}
-                  />
                   {item.nextEpisode && (
                     <View className="absolute right-2.5 bottom-3 left-2.5">
                       <Text

apps/native/src/components/navigation/modal-stack-header.tsx

@@ -2,7 +2,7 @@ import { useLingui } from "@lingui/react/macro";
 import { Stack, useRouter } from "expo-router";
 import { View } from "react-native";
 
-export function DetailStackHeader() {
+export function ModalStackHeader() {
   const { dismissAll } = useRouter();
   const { t } = useLingui();
   return (