chore: ajustement JWT

Front-End/src/components/Logo.js

@@ -4,8 +4,8 @@ import logoImage from '@/img/logo_min.svg'; // Assurez-vous que le chemin vers l
 
 const Logo = ({ className }) => {
   return (
-    <div className={className}>
-      <Image src={logoImage} alt="Logo" width={150} height={150} />
+    <div className={`max-w-[150px] ${className}`}>
+      <Image src={logoImage} alt="Logo"  style={{ width: 'auto', height: 'auto'}} priority />
     </div>
   );
 };

Front-End/src/components/ProtectedRoute.js

@@ -5,23 +5,21 @@ import Loader from '@/components/Loader'; // Importez le composant Loader
 import { FE_USERS_LOGIN_URL } from '@/utils/Url';
 
 const ProtectedRoute = ({ children }) => {
-  const { data: session, status } = useSession();
-  const router = useRouter();
-
-  useEffect(() => {
-    if (status === 'loading') return; // Ne rien faire tant que le statut est "loading"
-    if (!session) {
-      // Rediriger vers la page de login si l'utilisateur n'est pas connecté
+  const { data: session, status } = useSession({
+    required: true,
+    onUnauthenticated() {
       router.push(`${FE_USERS_LOGIN_URL}`);
     }
-  }, [session, status, router]);
+  });
+  const router = useRouter();
 
-  if (status === 'loading' || !session) {
-    return <Loader />; // Affichez un loader pendant le chargement ou si l'utilisateur n'est pas connecté
+  // Ne vérifier que si le statut est définitif
+  if (status === 'loading') {
+    return <Loader />;
   }
 
-  // Afficher les enfants seulement si l'utilisateur est connecté
-  return children;
+  // Autoriser l'affichage si authentifié
+  return session ? children : null;
 };
 
 export default ProtectedRoute;