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/page.js

@@ -0,0 +1,90 @@
+'use client'
+import React, { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import Table from '@/components/Table';
+import { Edit } from 'lucide-react';
+import  StatusLabel  from '@/components/StatusLabel';
+import useLocalStorage from '@/hooks/useLocalStorage';
+import { BK_GESTIONINSCRIPTION_ENFANTS_URL ,  FR_PARENTS_EDIT_INSCRIPTION_URL } from '@/utils/Url';
+
+export default function ParentHomePage() {
+  const [actions, setActions] = useState([]);
+  const [children, setChildren] = useState([]);
+  const [userId, setUserId] = useLocalStorage("userId", '') ;
+
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!userId) return;
+
+    const fetchActions = async () => {
+      const response = await fetch('/api/actions');
+      const data = await response.json();
+      setActions(data);
+    };
+
+    const fetchEleves = async () => {
+      const response = await fetch(`${BK_GESTIONINSCRIPTION_ENFANTS_URL}/${userId}`);
+      const data = await response.json();
+      console.log(data);
+
+      setChildren(data);
+    };
+
+    fetchEleves();
+  }, [userId]);
+
+  function handleEdit(eleveId) {
+    // Logique pour éditer le dossier de l'élève
+    console.log(`Edit dossier for eleve id: ${eleveId}`);
+    router.push(`${FR_PARENTS_EDIT_INSCRIPTION_URL}?id=${userId}&idEleve=${eleveId}`);
+  }
+  const actionColumns = [
+    { name: 'Action', transform: (row) => row.action },
+  ];
+
+  const getShadowColor = (etat) => {
+    switch (etat) {
+      case 1:
+        return 'shadow-blue-500'; // Couleur d'ombre plus visible
+      case 2:
+        return 'shadow-orange-500'; // Couleur d'ombre plus visible
+      case 3:
+        return 'shadow-purple-500'; // Couleur d'ombre plus visible
+      case 4:
+        return 'shadow-red-500'; // Couleur d'ombre plus visible
+      case 5:
+        return 'shadow-green-500'; // Couleur d'ombre plus visible
+      case 6:
+        return 'shadow-red-500'; // Couleur d'ombre plus visible
+      default:
+        return 'shadow-green-500'; // Couleur d'ombre plus visible
+    }
+  };
+
+  return (
+    <div>
+      <div>
+        <h2 className="text-xl font-semibold mb-4">Dernières actions à effectuer</h2>
+        <Table data={actions} columns={actionColumns} itemsPerPage={5} />
+      </div>
+
+      <div>
+        <h2 className="text-xl font-semibold mb-4">Enfants</h2>
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+          {children.map((child) => (
+            <div key={child.eleve.id} className={`border p-4 rounded shadow ${getShadowColor(child.etat)}`}>
+              <div className="flex justify-between items-center">
+                <h3 className="text-lg font-semibold">{child.eleve.nom} {child.eleve.prenom}</h3>
+                <Edit className="cursor-pointer" onClick={() => handleEdit(child.eleve.id)} />
+              </div>
+                <StatusLabel etat={child.etat } showDropdown={false}/>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+
+
+}