modified: files to ios26 ui/ux

app/_layout.tsx

@@ -1,3 +1,4 @@
+import { Colors } from "@/constants/colors";
 import { DiscoveryProvider } from "@/contexts/DiscoveryContext";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Stack } from "expo-router";
@@ -9,28 +10,46 @@ export default function RootLayout() {
   return (
     <QueryClientProvider client={queryClient}>
       <DiscoveryProvider>
-        <Stack>
-          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+        <Stack
+          screenOptions={{
+            headerStyle: { backgroundColor: Colors.background },
+            headerTintColor: "#199edb",
+            headerTitleStyle: { color: "white" },
+            headerBackTitle: "",
+          }}
+        >
+          <Stack.Screen
+            name="(tabs)"
+            options={{ headerShown: false, headerBackTitle: "" }}
+          />
           <Stack.Screen
             name="showDetails"
             options={{
-              headerShown: false,
+              headerShown: true,
+              headerTransparent: true,
+              headerBlurEffect: "dark",
+              title: "",
+              headerBackButtonDisplayMode: "minimal",
             }}
           />
           <Stack.Screen
             name="participant"
             options={{
-              headerShown: false,
+              headerShown: true,
+              headerTransparent: true,
+              headerBlurEffect: "dark",
+              title: "",
+              headerBackButtonDisplayMode: "minimal",
             }}
           />
           <Stack.Screen
             name="legal"
             options={{
               presentation: "modal",
-              headerShown: false
-            }} />
+              headerShown: false,
+            }}
+          />
         </Stack>
-
       </DiscoveryProvider>
     </QueryClientProvider>
   );