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

@@ -0,0 +1,105 @@
+'use client'
+import React, { useState } from 'react';
+import Tab from '@/components/Tab';
+import TabContent from '@/components/TabContent';
+import Button from '@/components/Button';
+import InputText from '@/components/InputText';
+
+export default function SettingsPage() {
+  const [activeTab, setActiveTab] = useState('structure');
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [confirmPassword, setConfirmPassword] = useState('');
+  const [smtpServer, setSmtpServer] = useState('');
+  const [smtpPort, setSmtpPort] = useState('');
+  const [smtpUser, setSmtpUser] = useState('');
+  const [smtpPassword, setSmtpPassword] = useState('');
+
+  const handleTabClick = (tab) => {
+    setActiveTab(tab);
+  };
+
+  const handleEmailChange = (e) => {
+    setEmail(e.target.value);
+  };
+
+  const handlePasswordChange = (e) => {
+    setPassword(e.target.value);
+  };
+
+  const handleConfirmPasswordChange = (e) => {
+    setConfirmPassword(e.target.value);
+  };
+
+  const handleSmtpServerChange = (e) => {
+    setSmtpServer(e.target.value);
+  };
+
+  const handleSmtpPortChange = (e) => {
+    setSmtpPort(e.target.value);
+  };
+
+  const handleSmtpUserChange = (e) => {
+    setSmtpUser(e.target.value);
+  };
+
+  const handleSmtpPasswordChange = (e) => {
+    setSmtpPassword(e.target.value);
+  };
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (password !== confirmPassword) {
+      alert('Les mots de passe ne correspondent pas');
+      return;
+    }
+    // Logique pour mettre à jour l'email et le mot de passe
+    console.log('Email:', email);
+    console.log('Password:', password);
+  };
+
+  const handleSmtpSubmit = (e) => {
+    e.preventDefault();
+    // Logique pour mettre à jour les paramètres SMTP
+    console.log('SMTP Server:', smtpServer);
+    console.log('SMTP Port:', smtpPort);
+    console.log('SMTP User:', smtpUser);
+    console.log('SMTP Password:', smtpPassword);
+  };
+
+  return (
+    <div className="p-8">
+      <div className="flex space-x-4 mb-4">
+        <Tab
+          text="Informations de la structure"
+          active={activeTab === 'structure'}
+          onClick={() => handleTabClick('structure')}
+        />
+        <Tab
+          text="Paramètres SMTP"
+          active={activeTab === 'smtp'}
+          onClick={() => handleTabClick('smtp')}
+        />
+      </div>
+      <div className="mt-4">
+        <TabContent isActive={activeTab === 'structure'}>
+          <form onSubmit={handleSubmit}>
+            <InputText label="Email" value={email} onChange={handleEmailChange} />
+            <InputText label="Mot de passe" type="password" value={password} onChange={handlePasswordChange} />
+            <InputText label="Confirmer le mot de passe" type="password" value={confirmPassword} onChange={handleConfirmPasswordChange} />
+            <Button type="submit" primary text="Mettre à jour"></Button>
+          </form>
+        </TabContent>
+        <TabContent isActive={activeTab === 'smtp'}>
+          <form onSubmit={handleSmtpSubmit}>
+            <InputText label="Serveur SMTP" value={smtpServer} onChange={handleSmtpServerChange} />
+            <InputText label="Port SMTP" value={smtpPort} onChange={handleSmtpPortChange} />
+            <InputText label="Utilisateur SMTP" value={smtpUser} onChange={handleSmtpUserChange} />
+            <InputText label="Mot de passe SMTP" type="password" value={smtpPassword} onChange={handleSmtpPasswordChange} />
+            <Button type="submit" primary text="Mettre à jour"></Button>
+          </form>
+        </TabContent>
+      </div>
+    </div>
+  );
+}