fix(native): keep Android headers from covering Upcoming filters and the modal Close button

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/native/src/app/(tabs)/(home)/upcoming.tsx

@@ -130,15 +130,17 @@ export default function UpcomingScreen() {
     </ScrollView>
   );
 
+  const isIOS = process.env.EXPO_OS === "ios";
+
   return (
     <>
       <Stack.Header
-        transparent
-        blurEffect="systemChromeMaterialDark"
+        transparent={isIOS}
+        blurEffect={isIOS ? "systemChromeMaterialDark" : undefined}
         style={{
           color: tintColor,
           shadowColor: "transparent",
-          backgroundColor: process.env.EXPO_OS === "ios" ? undefined : backgroundColor,
+          backgroundColor: isIOS ? undefined : backgroundColor,
         }}
       />
       <Stack.Screen.Title style={headerTitleStyle as Record<string, unknown>}>

apps/native/src/components/navigation/modal-layout.tsx

@@ -18,7 +18,7 @@ export function ModalLayout({ children }: { children: ReactNode }) {
 
   return (
     <View className="bg-background flex-1">
-      <Stack.Header transparent blurEffect="none" />
+      <Stack.Header hidden={process.env.EXPO_OS !== "ios"} transparent blurEffect="none" />
       {process.env.EXPO_OS === "ios" && (
         <Stack.Toolbar placement="right">
           <Stack.Toolbar.Button onPress={() => dismissAll()}>