feat: add zero

app/_layout.tsx

@@ -1,21 +1,20 @@
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
 import { Stack } from 'expo-router';
-import { StatusBar } from 'expo-status-bar';
 import 'react-native-reanimated';
 
-import { useColorScheme } from '@/hooks/use-color-scheme';
 import { authClient } from '@/lib/auth-client';
+import { ZeroProvider } from '@rocicorp/zero/react';
+import { zero } from '@/lib/zero';
 
 export const unstable_settings = {
   anchor: '(tabs)',
 };
 
+
 export default function RootLayout() {
-  const colorScheme = useColorScheme();
   const { data, isPending } = authClient.useSession();
 
   return (
-    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
+    <ZeroProvider zero={zero}>
       <Stack>
         <Stack.Protected guard={!isPending && !!data}>
           <Stack.Screen name="index" />
@@ -24,7 +23,6 @@ export default function RootLayout() {
           <Stack.Screen name="auth" />
         </Stack.Protected>
       </Stack>
-      <StatusBar style="auto" />
-    </ThemeProvider>
+    </ZeroProvider>
   );
 }