notification system implemented

need refinements

apps/mobile/src/app/_layout.tsx

@@ -7,8 +7,26 @@ import { validateEnv } from "../utils/env";
 import { StatisticsProvider } from "../contexts/StatisticsContext";
 import { FitnessGoalsProvider } from "../contexts/FitnessGoalsContext";
 import { RecommendationsProvider } from "../contexts/RecommendationsContext";
+import { NotificationsProvider } from "../contexts/NotificationsContext";
 import log from "../utils/logger";
 
+// Wrapper to use notification permissions hook after ClerkLoaded
+function AppContent() {
+  // Import here to avoid hook execution before Clerk is loaded
+  const {
+    useNotificationPermissions,
+  } = require("../hooks/useNotificationPermissions");
+  useNotificationPermissions();
+
+  return (
+    <Stack>
+      <Stack.Screen name="(auth)" options={{ headerShown: false }} />
+      <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+      <Stack.Screen name="welcome" options={{ headerShown: false }} />
+    </Stack>
+  );
+}
+
 // Validate environment variables on app startup
 try {
   const env = validateEnv();
@@ -153,17 +171,15 @@ export default function RootLayout() {
   return (
     <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
       <ClerkLoaded>
-        <StatisticsProvider>
-          <FitnessGoalsProvider>
-            <RecommendationsProvider>
-              <Stack>
-                <Stack.Screen name="(auth)" options={{ headerShown: false }} />
-                <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-                <Stack.Screen name="welcome" options={{ headerShown: false }} />
-              </Stack>
-            </RecommendationsProvider>
-          </FitnessGoalsProvider>
-        </StatisticsProvider>
+        <NotificationsProvider>
+          <StatisticsProvider>
+            <FitnessGoalsProvider>
+              <RecommendationsProvider>
+                <AppContent />
+              </RecommendationsProvider>
+            </FitnessGoalsProvider>
+          </StatisticsProvider>
+        </NotificationsProvider>
       </ClerkLoaded>
     </ClerkProvider>
   );