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/components/DropdownMenu.js

@@ -0,0 +1,52 @@
+// Composant générique pour les menus dropdown
+import { useRouter } from 'next/navigation';
+import React, { useState, useEffect, useRef } from 'react';
+
+const DropdownMenu = ({ buttonContent, items, buttonClassName, menuClassName, dropdownOpen: propDropdownOpen, setDropdownOpen: propSetDropdownOpen }) => {
+  const [dropdownOpen, setDropdownOpen] = useState(false);
+  const menuRef = useRef(null);
+  const router = useRouter();
+  const isControlled = propDropdownOpen !== undefined && propSetDropdownOpen !== undefined;
+  const actualDropdownOpen = isControlled ? propDropdownOpen : dropdownOpen;
+  const actualSetDropdownOpen = isControlled ? propSetDropdownOpen : setDropdownOpen;
+
+
+  const handleClickOutside = (event) => {
+    if (menuRef.current && !menuRef.current.contains(event.target)) {
+      actualSetDropdownOpen(false);
+    }
+  };
+
+  useEffect(() => {
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  return (
+    <div className="relative" ref={menuRef}>
+      <button className={buttonClassName} onClick={() => actualSetDropdownOpen(!actualDropdownOpen)}>
+        {buttonContent}
+      </button>
+      {actualDropdownOpen && (
+        <div className={menuClassName}>
+          {items.map((item, index) => (
+            <button
+              key={index}
+              className="block w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 flex items-center gap-2"
+              onClick={() => {
+                item.onClick();
+                actualSetDropdownOpen(false);
+              }}
+            >
+              {item.icon && <item.icon className="w-4 h-4" />}
+              <span className="flex items-center justify-center">{item.label}</span>
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default DropdownMenu;