Pushing the first elements to work on another machine

app/ContextUser.tsx

@@ -1,9 +1,11 @@
-import { User } from "@/class/class";
+import { User as FirebaseUser } from "firebase/auth"; 
 import { createContext, ReactNode, useContext, useMemo, useState } from "react";
 
 type UserContextType = {
-  user: User[];
-  setUser: (list: User[]) => void;
+  user: FirebaseUser | null;
+  role: string | null;
+  setUser: (user: FirebaseUser | null) => void;
+  setRole: (role: string | null) => void;
 };
 
 const UserContext = createContext<UserContextType | null>(null);
@@ -13,21 +15,22 @@ type UserProviderProps = {
 };
 
 export const UserProvider = ({ children }: UserProviderProps) => {
-  const [user, setUser] = useState<User[]>([]);
-  
-  const value = useMemo(() => ({ user, setUser }), [user]);
-  
-  return (
-    <UserContext.Provider value={value}>
-      {children}
-    </UserContext.Provider>
+  const [user, setUser] = useState<FirebaseUser | null>(null);
+  const [role, setRole] = useState<string | null>(null);
+
+  const value = useMemo(
+    () => ({ user, role, setUser, setRole }),
+    [user, role]
   );
+
+  return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
 };
 
 export const useUser = () => {
   const context = useContext(UserContext);
+
   if (!context) {
     throw new Error("useUser doit être utilisé dans <UserProvider>");
   }
   return context;
-};
+};