refactor: Creation d'un provider et d'un systeme de middleware

Front-End/src/app/[locale]/admin/layout.js

@@ -26,10 +26,11 @@ import {
   FE_ADMIN_SETTINGS_URL
 } from '@/utils/Url';
 
-import { disconnect } from '@/app/actions/authAction';
+import { disconnect, getUser } from '@/app/actions/authAction';
+import { useSession } from 'next-auth/react';
 import { fetchEstablishment } from '@/app/actions/schoolAction';
 import ProtectedRoute from '@/components/ProtectedRoute';
-import { SessionProvider } from 'next-auth/react';
+import { getGravatarUrl } from '@/utils/gravatar';
 
 export default function Layout({
   children,
@@ -48,6 +49,8 @@ export default function Layout({
   const [establishment, setEstablishment] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
   const [isPopupVisible, setIsPopupVisible] = useState(false);
+  const [user, setUser] = useState(null);
+    const { data: session } = useSession();
 
   const pathname = usePathname();
   const currentPage = pathname.split('/').pop();
@@ -84,8 +87,18 @@ export default function Layout({
       .finally(() => setIsLoading(false));
     }, []);
 
+  useEffect(() => {
+       const fetchUser = async () => {
+      if (session) { // Vérifier que la session existe
+        const userData = await getUser();
+        setUser(userData);
+      }
+    };
+
+    fetchUser();
+  }, [session]);
+
   return (
-    <SessionProvider>
       <ProtectedRoute>
         {!isLoading && (
           <div className="flex min-h-screen bg-gray-50">
@@ -95,7 +108,15 @@ export default function Layout({
               <header className="h-16 bg-white border-b border-gray-200 px-8 py-4 flex items-center justify-between z-9">
                 <div className="text-xl font-semibold">{headerTitle}</div>
                 <DropdownMenu
-                  buttonContent={<Image src="https://i.pravatar.cc/32" alt="Profile" className="w-8 h-8 rounded-full cursor-pointer" width={150} height={150} />}
+                  buttonContent={
+                    <Image
+                      src={getGravatarUrl(user?.email)}
+                      alt="Profile"
+                      className="w-8 h-8 rounded-full cursor-pointer"
+                      width={32}
+                      height={32}
+                    />
+                  }
                   items={dropdownItems}
                   buttonClassName=""
                   menuClassName="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded shadow-lg"
@@ -126,7 +147,6 @@ export default function Layout({
           onCancel={() => setIsPopupVisible(false)}
         />
       </ProtectedRoute>
-    </SessionProvider>
   );
 }