feat : Structure de base

src/app/_layout.tsx

@@ -1,9 +1,17 @@
 import { QueryClientProvider } from '@tanstack/react-query';
 import { Stack } from 'expo-router';
+import * as SplashScreen from 'expo-splash-screen';
+import { StatusBar } from 'expo-status-bar';
+import { useEffect } from 'react';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 import { queryClient } from '../hooks/queryClient';
 import { useAppFonts } from '../theme/typography';
 
+import { useAuth } from '@/stores/authStore';
+
+SplashScreen.preventAutoHideAsync();
+
 export default function RootLayout() {
   const [fontsLoaded] = useAppFonts();
 
@@ -11,9 +19,33 @@ export default function RootLayout() {
     return null;
   }
 
+  const hydrated = useAuth((state) => state.hydrated);
+  const hydrate = useAuth((state) => state.hydrate);
+
+  useEffect(() => { hydrate(); }, []);
+
+  const ready = hydrated && fontsLoaded;
+
+  useEffect(() => {
+    if (ready) SplashScreen.hideAsync();
+  }, [ready]);
+
+  if (!ready) return null;
+
   return (
     <QueryClientProvider client={queryClient}>
-      <Stack />
+      <SafeAreaProvider>
+        <StatusBar style="auto" />
+        <Stack screenOptions={{ headerShown: false, contentStyle: { backgroundColor: '#0B0B12' } }}>
+          <Stack.Screen name="(auth)" />
+          <Stack.Screen name="(tabs)" />
+          <Stack.Screen name="(org)" />
+          <Stack.Screen name="event/[id]" />
+          <Stack.Screen name="create/event" options={{ presentation: 'modal' }} />
+          <Stack.Screen name="create/post"  options={{ presentation: 'modal' }} />
+        </Stack>
+        
+      </SafeAreaProvider>
     </QueryClientProvider>
   );
 }