chore: Initial Commit

feat: Gestion des inscriptions [#1]
feat(frontend): Création des vues pour le paramétrage de l'école [#2]
feat: Gestion du login [#6]
fix: Correction lors de la migration des modèle [#8]
feat: Révision du menu principal [#9]
feat: Ajout d'un footer [#10]
feat: Création des dockers compose pour les environnements de
développement et de production [#12]
doc(ci): Mise en place de Husky et d'un suivi de version automatique [#14]

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

@@ -0,0 +1,92 @@
+'use client'
+// src/components/Layout.js
+import React, { useState, useEffect } from 'react';
+import DropdownMenu from '@/components/DropdownMenu';
+import { useRouter } from 'next/navigation'; // Ajout de l'importation
+import { Bell, User, MessageSquare, LogOut, Settings, Home } from 'lucide-react'; // Ajout de l'importation de l'icône Home
+import Logo from '@/components/Logo'; // Ajout de l'importation du composant Logo
+import { FR_PARENTS_HOME_URL,FR_PARENTS_MESSAGERIE_URL,FR_PARENTS_SETTINGS_URL, BK_GESTIONINSCRIPTION_MESSAGES_URL  } from '@/utils/Url'; // Ajout de l'importation de l'URL de la page d'accueil parent
+import useLocalStorage from '@/hooks/useLocalStorage';
+
+export default function Layout({
+  children,
+}) {
+
+  const router = useRouter(); // Définition de router
+  const [messages, setMessages] = useState([]);
+  const [userId, setUserId] = useLocalStorage("userId", '') ;
+
+
+  useEffect(() => {
+      setUserId(userId);
+      fetch(`${BK_GESTIONINSCRIPTION_MESSAGES_URL}/${userId}`, {
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      }).then(response => response.json())
+        .then(data => {
+          if (data) {
+            setMessages(data);
+          }
+          console.log('Success :', data);
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+      
+  }, []);
+
+  return (
+    <>
+      <div className="flex flex-col min-h-screen bg-gray-50">
+        {/* Entête */}
+        <header className="bg-white border-b border-gray-200 px-8 py-4 flex items-center justify-between fixed top-0 left-0 right-0 z-10">
+            <div className="flex items-center space-x-2">
+              <Logo className="h-8 w-8" /> {/* Utilisation du composant Logo */}
+
+              <div className="text-xl font-semibold">Accueil</div>
+            </div>
+            <div className="flex items-center space-x-4">
+              <button
+                  className="p-2 rounded-full hover:bg-gray-200"
+                  onClick={() => { router.push(FR_PARENTS_HOME_URL); }} // Utilisation de router pour revenir à l'accueil parent
+                >
+                  <Home />
+              </button>
+
+
+              <div className="relative">
+              <button
+                className="p-2 rounded-full hover:bg-gray-200"
+                onClick={() => { router.push(FR_PARENTS_MESSAGERIE_URL); }} // Utilisation de router
+              >
+                <MessageSquare />
+
+              </button>
+               {messages.length > 0 && (
+                  <span className="absolute top-0 right-0 block h-2 w-2 rounded-full bg-emerald-600"></span>
+                )}
+              </div>
+              <DropdownMenu
+                buttonContent={<User />}
+                items={[
+                  { label: 'Se déconnecter', icon: LogOut, onClick: () => {} },
+                  { label: 'Settings', icon: Settings , onClick: () => { router.push(FR_PARENTS_SETTINGS_URL); } }
+                ]}
+                buttonClassName="p-2 rounded-full hover:bg-gray-200"
+                menuClassName="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded-md shadow-lg"
+
+              />
+            </div>
+        </header>
+
+        {/* Content */}
+        <div className="pt-20 p-8 flex-1"> {/* Ajout de flex-1 pour utiliser toute la hauteur disponible */}
+          {children}
+        </div>
+      </div>
+    </>
+  );
+}
+
+