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

@@ -0,0 +1,50 @@
+import { useState } from 'react';
+
+const SpecialityForm = ({ speciality = {}, onSubmit, isNew }) => {
+  const [nom, setNom] = useState(speciality.nom || '');
+  const [codeCouleur, setCodeCouleur] = useState(speciality.codeCouleur || '#FFFFFF');
+
+  const handleSubmit = () => {
+    const updatedData = {
+      nom,
+      codeCouleur,
+    };
+    onSubmit(updatedData, isNew);
+  };
+
+  return (
+    <div className="p-4">
+      <div>
+        <input
+          type="text"
+          placeholder="Nom de la spécialité"
+          value={nom}
+          onChange={(e) => setNom(e.target.value)}
+          className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-emerald-500 focus:border-emerald-500 italic"
+        />
+      </div>
+      <div className="mt-4">
+        <label className="block text-sm font-medium text-gray-700">
+          Code couleur de la spécialité
+        </label>
+        <input
+          type="color"
+          value={codeCouleur}
+          onChange={(e) => setCodeCouleur(e.target.value)}
+          className="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-emerald-500 focus:border-emerald-500 h-10 w-10 p-0 cursor-pointer"
+          style={{ appearance: 'none', borderRadius: '0' }}
+        />
+      </div>
+      <div className="flex justify-end mt-4 space-x-4">
+        <button
+          onClick={handleSubmit}
+          className="px-4 py-2 bg-emerald-500 text-white rounded-md shadow-sm hover:bg-emerald-600 focus:outline-none"
+        >
+          Soumettre
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default SpecialityForm;