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

@@ -0,0 +1,124 @@
+'use client'
+import React, { useState, useEffect } from 'react'
+import DjangoCSRFToken from '@/components/DjangoCSRFToken'
+
+import Logo from '@/components/Logo';
+import { useSearchParams, useRouter } from 'next/navigation'
+import InputTextIcon from '@/components/InputTextIcon';
+import Loader from '@/components/Loader'; // Importez le composant Loader
+import Button from '@/components/Button'; // Importez le composant Button
+import { User, KeySquare } from 'lucide-react'; // Importez directement les icônes nécessaires
+import { BK_LOGIN_URL, FR_ADMIN_STUDENT_EDIT_SUBSCRIBE, FR_PARENTS_HOME_URL, FR_USERS_NEW_PASSWORD_URL, FR_USERS_SUBSCRIBE_URL } from '@/utils/Url';
+import useLocalStorage from '@/hooks/useLocalStorage';
+import useCsrfToken from '@/hooks/useCsrfToken';
+const useFakeData = process.env.NEXT_PUBLIC_USE_FAKE_DATA === 'true';
+
+export default function Page() {
+    const searchParams = useSearchParams();
+    const [errorMessage, setErrorMessage] = useState("");
+    const [userFieldError,setUserFieldError] = useState("")
+    const [passwordFieldError,setPasswordFieldError] = useState("")
+
+    const [isLoading, setIsLoading] = useState(false);
+
+    const [userId, setUserId] = useLocalStorage("userId", '') ;
+
+    const router = useRouter();
+    const csrfToken = useCsrfToken();
+
+
+    function isOK(data) {
+        return data.errorMessage === ""
+    }
+
+    function handleFormLogin(formData) {
+        if (useFakeData) {
+            // Simuler une réponse réussie
+            const data = {
+                errorFields: {},
+                errorMessage: "",
+                profil: "fakeProfileId"
+            };
+            setUserFieldError("")
+            setPasswordFieldError("")
+            setErrorMessage("")
+            if(isOK(data)){
+                localStorage.setItem('userId', data.profil); // Stocker l'identifiant de l'utilisateur
+                router.push(`${FR_ADMIN_STUDENT_EDIT_SUBSCRIBE}?id=${data.profil}`);
+            } else {
+                if(data.errorFields){
+                    setUserFieldError(data.errorFields.email)
+                    setPasswordFieldError(data.errorFields.password);
+                }
+                if(data.errorMessage){
+                    setErrorMessage(data.errorMessage)
+                }
+            }
+        } else {
+            const request = new Request(
+                `${BK_LOGIN_URL}`,
+                {
+                    method:'POST',
+                    headers: {
+                        'Content-Type':'application/json',
+                        'X-CSRFToken': csrfToken
+                    },
+                    body: JSON.stringify( {
+                        email: formData.get('login'),
+                        password: formData.get('password'),
+                    }),
+                    credentials: 'include',
+                }
+            );
+            fetch(request).then(response => response.json())
+            .then(data => {
+                console.log('Success:', data);
+                setUserFieldError("")
+                setPasswordFieldError("")
+                setErrorMessage("")
+                if(isOK(data)){
+                    localStorage.setItem('userId', data.profil); // Stocker l'identifiant de l'utilisateur
+                    router.push(`${FR_PARENTS_HOME_URL}`);
+                } else {
+                    if(data.errorFields){
+                        setUserFieldError(data.errorFields.email)
+                        setPasswordFieldError(data.errorFields.password);
+                    }
+                    if(data.errorMessage){
+                        setErrorMessage(data.errorMessage)
+                    }
+                }
+            })
+            .catch(error => {
+                console.error('Error fetching data:', error);
+                error = error.message;
+                console.log(error);
+            });
+        }
+    }
+
+    if (isLoading === true) {
+        return <Loader /> // Affichez le composant Loader
+    } else {
+        return <>
+            <div className="container max mx-auto p-4">
+                <div className="flex justify-center mb-4">
+                    <Logo className="h-150 w-150" />
+                </div>
+                <h1 className="text-2xl text-emerald-900 font-bold text-center mb-4">Authentification</h1>
+                <form className="max-w-md mx-auto" onSubmit={(e) => { e.preventDefault(); handleFormLogin(new FormData(e.target)); }}>
+                    <DjangoCSRFToken csrfToken={csrfToken} />
+                    <InputTextIcon name="login" type="text" IconItem={User} label="Identifiant" placeholder="Identifiant" errorMsg={userFieldError} className="w-full" />
+                    <InputTextIcon name="password" type="password" IconItem={KeySquare} label="Mot de passe" placeholder="Mot de passe" errorMsg={passwordFieldError} className="w-full" />
+                    <div className="input-group mb-4">
+                    </div>
+                    <label className="text-red-500">{errorMessage}</label>
+                    <label><a className="float-right text-emerald-900" href={`${FR_USERS_NEW_PASSWORD_URL}`}>Mot de passe oublié ?</a></label>
+                    <div className="form-group-submit mt-4">
+                        <Button text="Se Connecter" className="w-full" primary type="submit" name="connect" />
+                    </div>
+                </form>
+            </div>
+        </>
+    }
+};