Merging

I can't make it use the correct context
If someone wants to try it, use this branch

app/(tabs)/home.tsx

@@ -14,7 +14,8 @@ export default function Home() {
   const { chantier, setChantier } = useChantier();
   const { role } = useUser();
 
-
+  console.log("User", role);
+  
   return(
     <ThemedView lvl={3} style={styles.back}>
       <View style={styles.container}>

app/_layout.tsx

@@ -14,7 +14,9 @@ import { auth, db } from "../firebase_config";
 
 import { Platform, UIManager } from 'react-native';
 import { ChantierProvider } from "./ContextChantier";
-import { UserProvider } from "./ContextUser";
+import { useUser } from "./ContextUser";
+import { RessourcesProvider } from "./ContextRessource";
+import LoginScreen from "./login/login";
 
 
 export const unstable_settings = {
@@ -24,52 +26,63 @@ export const unstable_settings = {
 export default function RootLayout() {
   const colorScheme = useColorScheme();
   const router = useRouter();
-  const [user, setUser] = useState<User | null>(null);
-  const [userRole, setUserRole] = useState<string | null>(null);
+  const [loading, setLoading] = useState(true);
+  const { setUser, setRole, user } = useUser();
 
   useEffect(() => {
     const unsubscribe = onAuthStateChanged(auth, async (currentUser) => {
       if (!currentUser) {
+        console.log("No user logged in");
         setUser(null);
-        setUserRole(null);
-        router.replace("/login/login");
+        setRole(null);
+        setLoading(false);
         return;
       }
 
+      setUser(currentUser);
+
       const userDocRef = doc(db, "user", currentUser.uid);
       const userDoc = await getDoc(userDocRef);
-
+      console.log("User doc data:", userDoc.data());
       if (!userDoc.exists()) {
-        router.replace("/login/login");
         setUser(null);
-        setUserRole(null);
+        setLoading(false);
         return;
       }
-
-      const { role } = userDoc.data();
+      setRole(userDoc.data().role);
       setUser(currentUser);
-      setUserRole(role);
-      router.replace("/(tabs)/home");
+      setLoading(false);
     });
-    return unsubscribe; 
+
+    return unsubscribe;
   }, []);
 
+  if (loading) {
+    return null; // ou un SplashScreen
+  }
+
+
   return (
-    <UserProvider>
       <ChantierProvider>
-        <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
-          <Stack>
-            <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-            <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
-            <Stack.Screen
-              name="modal"
-              options={{ presentation: "modal", title: "Modal" }}
-            />
-            <Stack.Screen name="login" options={{ headerShown: false }} />
-          </Stack>
-          <StatusBar style="auto" />
-        </ThemeProvider>
+        <RessourcesProvider>
+          <ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
+
+            {user ? (
+              <Stack>
+                <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+                <Stack.Screen name="selectChantier" options={{ headerShown: false }} />
+                <Stack.Screen
+                  name="modal"
+                  options={{ presentation: "modal", title: "Modal" }}
+                />
+              </Stack>
+            ) : (
+              <LoginScreen />
+            )}
+
+            <StatusBar style="auto" />
+          </ThemeProvider>
+        </RessourcesProvider>
       </ChantierProvider>
-    </UserProvider>
   );
 }

app/layout.tsx

@@ -0,0 +1,10 @@
+import { Slot } from "expo-router";
+import { UserProvider } from "./ContextUser";
+
+export default function Layout() {
+  return (
+    <UserProvider>
+      <Slot />
+    </UserProvider>
+  );
+}

app/login/login.tsx

@@ -8,12 +8,14 @@ import {
 import React, { useState } from "react";
 import { Button, StyleSheet, View } from "react-native";
 import { auth } from "../../firebase_config";
+import { useUser } from "../ContextUser";
 
 const DEFAULT_ROLE = "resp";
 
 const LoginScreen: React.FC = () => {
   const [email, setEmail] = useState<string>("");
   const [password, setPassword] = useState<string>("");
+  const { setUser, setRole } = useUser();
 
   const handleLogin = async () => {
     try {