complated project

app/_layout.tsx

@@ -1,18 +1,25 @@
 import { AuthProvider } from '@/components/AuthProvider';
 import QueryProvider from '@/components/QueryProvider';
-import { ThemeProvider } from '@/components/ThemeContext';
+import { ThemeProvider, useTheme } from '@/components/ThemeContext';
+import { useNotifications } from '@/hooks/useNotifications';
 import i18n from '@/i18n/i18n';
 import { ProfileDataProvider } from '@/screens/profile/lib/ProfileDataContext';
 import { Stack } from 'expo-router';
-import { StatusBar } from 'expo-status-bar';
 import { I18nextProvider } from 'react-i18next';
+import { StatusBar } from 'react-native';
 import 'react-native-reanimated';
 
 function AppContent() {
+  const { isDark } = useTheme();
+  useNotifications();
   return (
     <>
       <Stack screenOptions={{ headerShown: false }} />
-      <StatusBar style={'light'} />
+      <StatusBar
+        barStyle={isDark ? 'light-content' : 'dark-content'}
+        backgroundColor={isDark ? '#0f172a' : '#ffffff'}
+        translucent={false}
+      />
     </>
   );
 }