diff --git a/Front-End/next.config.mjs b/Front-End/next.config.mjs
index 7653014..2a18797 100644
--- a/Front-End/next.config.mjs
+++ b/Front-End/next.config.mjs
@@ -5,31 +5,12 @@ const withNextIntl = createNextIntlPlugin();
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'standalone',
-  webpack: (config, { isServer }) => {
-    // Configuration pour améliorer le hot reload dans Docker
-    config.watchOptions = {
-      poll: 1000,
-      aggregateTimeout: 300,
-    }
-    return config
-  },
   experimental: {
     instrumentationHook: true,
   },
   env: {
     NEXT_PUBLIC_APP_VERSION: pkg.version,
   },
-    images: {
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: 'i.pravatar.cc',
-        port: '',
-        pathname: '/**',
-      },
-    ],
-  },
 };
 
 export default withNextIntl(nextConfig);
\ No newline at end of file
diff --git a/Front-End/src/app/[locale]/admin/layout.js b/Front-End/src/app/[locale]/admin/layout.js
index 5ab5dcf..3f86c1c 100644
--- a/Front-End/src/app/[locale]/admin/layout.js
+++ b/Front-End/src/app/[locale]/admin/layout.js
@@ -26,7 +26,6 @@ import {
 
 import { disconnect } from '@/app/lib/authAction';
 import { fetchEstablishment } from '@/app/lib/schoolAction';
-import Image from 'next/image';
 
 export default function Layout({
   children,
@@ -76,13 +75,13 @@ export default function Layout({
     <>
       {!isLoading && (
         <div className="flex min-h-screen bg-gray-50">
-          <Sidebar establishment={establishment} currentPage={currentPage} items={Object.values(sidebarItems)} className="h-full"  />
+          <Sidebar establishment={establishment} currentPage={currentPage} items={Object.values(sidebarItems)} className="h-full" />
           <div className="flex flex-col flex-1">
             {/* Header - h-16 = 64px */}
             <header className="h-16 bg-white border-b border-gray-200 px-8 py-4 flex items-center justify-between z-9">
               <div className="text-xl font-semibold">{headerTitle}</div>
               <DropdownMenu
-                buttonContent={<Image src="https://i.pravatar.cc/32" alt="Profile" className="w-8 h-8 rounded-full cursor-pointer" width={150} height={150} />}
+                buttonContent={<img src="https://i.pravatar.cc/32" alt="Profile" className="w-8 h-8 rounded-full cursor-pointer" />}
                 items={dropdownItems}
                 buttonClassName=""
                 menuClassName="absolute right-0 mt-2 w-48 bg-white border border-gray-200 rounded shadow-lg"
diff --git a/Front-End/src/app/[locale]/admin/page.js b/Front-End/src/app/[locale]/admin/page.js
index 767be6e..c48ed4b 100644
--- a/Front-End/src/app/[locale]/admin/page.js
+++ b/Front-End/src/app/[locale]/admin/page.js
@@ -154,8 +154,8 @@ export default function DashboardPage() {
 
       <div className="flex flex-wrap">
         {classes.map((classe) => (
-          <div key={classe.id} className="lg:col-span-2 bg-white p-6 rounded-lg shadow-sm border border-gray-100 mr-4">
-            <ClasseDetails classe={classe} />
+          <div className="lg:col-span-2 bg-white p-6 rounded-lg shadow-sm border border-gray-100 mr-4">
+            <ClasseDetails key={classe.id} classe={classe} />
           </div>
         ))}
       </div>
diff --git a/Front-End/src/app/[locale]/admin/subscriptions/page.js b/Front-End/src/app/[locale]/admin/subscriptions/page.js
index a7e0094..9c09fca 100644
--- a/Front-End/src/app/[locale]/admin/subscriptions/page.js
+++ b/Front-End/src/app/[locale]/admin/subscriptions/page.js
@@ -239,7 +239,7 @@ const registerFormArchivedDataHandler = (data) => {
 
 
     fetchDataAndSetState();
-  }, [reloadFetch, itemsPerPage, currentPage,activeTab, searchTerm]);
+  }, [reloadFetch, currentPage]);
 
 useEffect(() => {
       const fetchDataAndSetState = () => {
@@ -271,7 +271,7 @@ const timeoutId = setTimeout(() => {
     fetchDataAndSetState();
     }, 500); // Debounce la recherche
     return () => clearTimeout(timeoutId);
-}, [currentPage,itemsPerPage,searchTerm]);
+}, [searchTerm]);
 
 /**
  * UseEffect to update page count of tab
@@ -284,7 +284,7 @@ useEffect(()=>{
   } else if (activeTab === 'archived') {
     setTotalPages(Math.ceil(totalArchives / itemsPerPage));
   }
-},[currentPage,activeTab,itemsPerPage,totalPending,totalSubscribed,totalArchives]);
+},[currentPage]);
   /**
    * Archives a registration form after user confirmation.
    *
diff --git a/Front-End/src/app/[locale]/parents/layout.js b/Front-End/src/app/[locale]/parents/layout.js
index ed69eac..b7f2f1a 100644
--- a/Front-End/src/app/[locale]/parents/layout.js
+++ b/Front-End/src/app/[locale]/parents/layout.js
@@ -35,7 +35,7 @@ export default function Layout({
         .finally(() => {
           setIsLoading(false);
         });
-  }, [setUserId, userId]);
+  }, [userId]);
 
   if (isLoading) {
     return <div>Loading...</div>;
diff --git a/Front-End/src/app/[locale]/parents/messagerie/page.js b/Front-End/src/app/[locale]/parents/messagerie/page.js
index 9f8196f..34bfc00 100644
--- a/Front-End/src/app/[locale]/parents/messagerie/page.js
+++ b/Front-End/src/app/[locale]/parents/messagerie/page.js
@@ -1,7 +1,6 @@
 'use client'
 import React, { useState, useRef, useEffect } from 'react';
 import { SendHorizontal } from 'lucide-react';
-import Image from 'next/image';
 
 const contacts = [
   { id: 1, name: 'Facturation', profilePic: 'https://i.pravatar.cc/32' },
@@ -62,7 +61,7 @@ export default function MessageriePage() {
             className={`p-2 cursor-pointer ${selectedContact?.id === contact.id ? 'bg-gray-200' : ''}`}
             onClick={() => setSelectedContact(contact)}
           >
-            <Image src={contact.profilePic} alt={`${contact.name}'s profile`} className="w-8 h-8 rounded-full inline-block mr-2" width={150} height={150} />
+            <img src={contact.profilePic} alt={`${contact.name}'s profile`} className="w-8 h-8 rounded-full inline-block mr-2" />
             {contact.name}
           </div>
         ))}
@@ -76,7 +75,7 @@ export default function MessageriePage() {
               style={{ borderRadius: message.isResponse ? '20px 20px 0 20px' : '20px 20px 20px 0', minWidth: '25%' }}
             >
               <div className="flex items-center mb-1">
-                <Image src={selectedContact.profilePic} alt={`${selectedContact.name}'s profile`} className="w-8 h-8 rounded-full inline-block mr-2" width={150} height={150}/>
+                <img src={selectedContact.profilePic} alt={`${selectedContact.name}'s profile`} className="w-8 h-8 rounded-full inline-block mr-2" />
                 <span className="text-xs text-gray-600">{selectedContact.name}</span>
                 <span className="text-xs text-gray-400 ml-2">{new Date(message.date).toLocaleTimeString()}</span>
               </div>
diff --git a/Front-End/src/app/[locale]/users/password/reset/page.js b/Front-End/src/app/[locale]/users/password/reset/page.js
index 3e19b8c..cae7a16 100644
--- a/Front-End/src/app/[locale]/users/password/reset/page.js
+++ b/Front-End/src/app/[locale]/users/password/reset/page.js
@@ -52,7 +52,7 @@ export default function Page() {
             console.error('Error fetching data:', error);
             });
         }
-      }, [uuid]);
+      }, []);
 
     function validate(formData) {
         if (useFakeData) {
diff --git a/Front-End/src/app/_error/page.js b/Front-End/src/app/_error/page.js
deleted file mode 100644
index f5fb071..0000000
--- a/Front-End/src/app/_error/page.js
+++ /dev/null
@@ -1,17 +0,0 @@
-'use client';
-
-import Link from 'next/link';
-import Logo from '@/components/Logo';
-
-export default function Error() {
-  return (
-    <div className='flex items-center justify-center min-h-screen bg-emerald-500'>
-      <div className='text-center p-6'>
-        <Logo className="w-32 h-32 mx-auto mb-4" />
-        <h2 className='text-2xl font-bold text-emerald-900 mb-4'>Une erreur est survenue</h2>
-        <p className='text-emerald-900 mb-4'>Désolé, une erreur s&apos;est produite.</p>
-        <Link className="text-gray-900 hover:underline" href="/">Retour Accueil</Link>
-      </div>
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/Front-End/src/app/layout.js b/Front-End/src/app/layout.js
index 2ab20a5..d290675 100644
--- a/Front-End/src/app/layout.js
+++ b/Front-End/src/app/layout.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { NextIntlClientProvider } from 'next-intl';
+
 import {getMessages} from 'next-intl/server';
 import "@/css/tailwind.css";
 
@@ -21,13 +22,12 @@ export const metadata = {
 };
 
 export default async function RootLayout({ children, params: { locale } }) {
-
-  const messages = await getMessages(locale);
+  const messages = await getMessages();
 
   return (
     <html lang={locale}>
       <body>
-        <NextIntlClientProvider messages={messages} locale={locale}>
+        <NextIntlClientProvider messages={messages}>
           {children}
         </NextIntlClientProvider>
       </body>
diff --git a/Front-End/src/app/_not-found/page.js b/Front-End/src/app/not-found.js
similarity index 71%
rename from Front-End/src/app/_not-found/page.js
rename to Front-End/src/app/not-found.js
index c06ef63..fc0e9cd 100644
--- a/Front-End/src/app/_not-found/page.js
+++ b/Front-End/src/app/not-found.js
@@ -1,17 +1,15 @@
-'use client';
-
-import Link from 'next/link';
-import Logo from '@/components/Logo';
+import Link from 'next/link'
+import Logo from '../components/Logo'
 
 export default function NotFound() {
   return (
     <div className='flex items-center justify-center min-h-screen bg-emerald-500'>
-      <div className='text-center p-6'>
+      <div className='text-center p-6 '>
         <Logo className="w-32 h-32 mx-auto mb-4" />
         <h2 className='text-2xl font-bold text-emerald-900 mb-4'>404 | Page non trouvée</h2>
-        <p className='text-emerald-900 mb-4'>La ressource que vous souhaitez consulter n&apos;existe pas ou plus.</p>
+        <p className='text-emerald-900 mb-4'>La ressource que vous souhaitez consulter n'existe pas ou plus.</p>
         <Link className="text-gray-900 hover:underline" href="/">Retour Accueil</Link>
       </div>
     </div>
-  );
+  )
 }
\ No newline at end of file
diff --git a/Front-End/src/components/Calendar.js b/Front-End/src/components/Calendar.js
index 0c9551a..6c87781 100644
--- a/Front-End/src/components/Calendar.js
+++ b/Front-End/src/components/Calendar.js
@@ -75,7 +75,7 @@ const Calendar = ({ onDateClick, onEventClick }) => {
             onClick={() => setCurrentDate(new Date())}
             className="px-3 py-1.5 text-sm font-medium text-gray-700 hover:text-gray-900 bg-gray-100 hover:bg-gray-200 rounded-md transition-colors"
           >
-            Aujourd&apos;hui
+            Aujourd'hui
           </button>
           <button onClick={() => navigateDate('prev')} className="p-2 hover:bg-gray-100 rounded-full">
             <ChevronLeft className="w-5 h-5" />
diff --git a/Front-End/src/components/DropdownMenu.js b/Front-End/src/components/DropdownMenu.js
index e5af19f..4c13fe2 100644
--- a/Front-End/src/components/DropdownMenu.js
+++ b/Front-End/src/components/DropdownMenu.js
@@ -11,20 +11,18 @@ const DropdownMenu = ({ buttonContent, items, buttonClassName, menuClassName, dr
   const actualSetDropdownOpen = isControlled ? propSetDropdownOpen : setDropdownOpen;
 
 
-
+  const handleClickOutside = (event) => {
+    if (menuRef.current && !menuRef.current.contains(event.target)) {
+      actualSetDropdownOpen(false);
+    }
+  };
 
   useEffect(() => {
-      const handleClickOutside = (event) => {
-        if (menuRef.current && !menuRef.current.contains(event.target)) {
-          actualSetDropdownOpen(false);
-        }
-      };
     document.addEventListener('mousedown', handleClickOutside);
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, [actualSetDropdownOpen]);
-
+  }, []);
   return (
     <div className="relative" ref={menuRef}>
       <button className={buttonClassName} onClick={() => actualSetDropdownOpen(!actualDropdownOpen)}>
@@ -35,7 +33,7 @@ const DropdownMenu = ({ buttonContent, items, buttonClassName, menuClassName, dr
           {items.map((item, index) => (
             <button
               key={index}
-              className="w-full px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 flex items-center gap-2"
+              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);
diff --git a/Front-End/src/components/EventModal.js b/Front-End/src/components/EventModal.js
index 0dc10ba..fa2051f 100644
--- a/Front-End/src/components/EventModal.js
+++ b/Front-End/src/components/EventModal.js
@@ -14,7 +14,7 @@ export default function EventModal({ isOpen, onClose, eventData, setEventData })
         color: schedules[0].color
       }));
     }
-  }, [schedules, eventData.scheduleId,setEventData]);
+  }, [schedules, eventData.scheduleId]);
 
   if (!isOpen) return null;
 
diff --git a/Front-End/src/components/Inscription/InscriptionForm.js b/Front-End/src/components/Inscription/InscriptionForm.js
index 8e7115e..9332c80 100644
--- a/Front-End/src/components/Inscription/InscriptionForm.js
+++ b/Front-End/src/components/Inscription/InscriptionForm.js
@@ -23,7 +23,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
         selectedTuitionDiscounts: [],
         selectedTuitionFees: [],
         selectedFileGroup: null  // Ajout du groupe de fichiers sélectionné
-    }, [registrationFees, registrationDiscounts]);
+    });
 
     const [step, setStep] = useState(currentStep || 1);
     const [selectedStudent, setSelectedEleve] = useState('');
@@ -79,7 +79,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
         );
         setTotalRegistrationAmount(initialTotalRegistrationAmount);
 
-    }, [registrationDiscounts, registrationFees,calculateFinalRegistrationAmount]);
+    }, [registrationDiscounts, registrationFees]);
 
     useEffect(() => {
         setStep(currentStep || 1);
@@ -176,7 +176,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
         });
     };
 
-    const calculateFinalRegistrationAmount = useCallback((selectedRegistrationFees, selectedRegistrationDiscounts) => {
+    const calculateFinalRegistrationAmount = (selectedRegistrationFees, selectedRegistrationDiscounts) => {
         const totalFees = selectedRegistrationFees.reduce((sum, feeId) => {
           const fee = registrationFees.find(f => f.id === feeId);
           if (fee && !isNaN(parseFloat(fee.base_amount))) {
@@ -200,7 +200,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
         const finalAmount = totalFees - totalDiscounts;
 
         return finalAmount.toFixed(2);
-    },[registrationDiscounts, registrationFees]);
+    };
 
     const calculateFinalTuitionAmount = (selectedTuitionFees, selectedTuitionDiscounts) => {
         const totalFees = selectedTuitionFees.reduce((sum, feeId) => {
@@ -385,7 +385,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
                   ) : (
                     <p className="bg-orange-100 border border-orange-400 text-orange-700 px-4 py-3 rounded relative" role="alert">
                       <strong className="font-bold">Information</strong>
-                      <span className="block sm:inline"> Aucune réduction n&apos;a été créée sur les frais d&apos;inscription.</span>
+                      <span className="block sm:inline"> Aucune réduction n'a été créée sur les frais d'inscription.</span>
                     </p>
                   )}
                 </div>
@@ -408,7 +408,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
             ) : (
                 <p className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
                     <strong className="font-bold">Attention!</strong>
-                    <span className="block sm:inline"> Aucun frais d&apos;inscription n&apos;a été créé.</span>
+                    <span className="block sm:inline"> Aucun frais d'inscription n'a été créé.</span>
                 </p>
             )}
           </div>
@@ -440,7 +440,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
                   ) : (
                     <p className="bg-orange-100 border border-orange-400 text-orange-700 px-4 py-3 rounded relative" role="alert">
                       <strong className="font-bold">Information</strong>
-                      <span className="block sm:inline"> Aucune réduction n&apos;a été créée sur les frais de scolarité.</span>
+                      <span className="block sm:inline"> Aucune réduction n'a été créée sur les frais de scolarité.</span>
                     </p>
                   )}
                 </div>
@@ -463,7 +463,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
             ) : (
                 <p className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
                     <strong className="font-bold">Attention!</strong>
-                    <span className="block sm:inline"> Aucun frais de scolarité n&apos;a été créé.</span>
+                    <span className="block sm:inline"> Aucun frais de scolarité n'a été créé.</span>
                 </p>
             )}
           </div>
@@ -501,7 +501,7 @@ const InscriptionForm = ( { students, registrationDiscounts, tuitionDiscounts, r
             ) : (
               <p className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
                 <strong className="font-bold">Attention!</strong>
-                <span className="block sm:inline"> Aucun groupe de documents n&apos;a été créé.</span>
+                <span className="block sm:inline"> Aucun groupe de documents n'a été créé.</span>
               </p>
             )}
           </div>
diff --git a/Front-End/src/components/Inscription/InscriptionFormShared.js b/Front-End/src/components/Inscription/InscriptionFormShared.js
index 1f458fd..221e9b6 100644
--- a/Front-End/src/components/Inscription/InscriptionFormShared.js
+++ b/Front-End/src/components/Inscription/InscriptionFormShared.js
@@ -249,7 +249,7 @@ export default function InscriptionFormShared({
                 <DjangoCSRFToken  csrfToken={csrfToken}/>
                 {/* Section Élève */}
                 <div className="bg-white p-6 rounded-lg shadow-sm border border-gray-200">
-                    <h2 className="text-xl font-bold mb-4 text-gray-800">Informations de l&apos;élève</h2>
+                    <h2 className="text-xl font-bold mb-4 text-gray-800">Informations de l'élève</h2>
                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                         <InputText
                             name="last_name"
diff --git a/Front-End/src/components/PaymentPlanSelector.js b/Front-End/src/components/PaymentPlanSelector.js
index 24db5e8..b44863e 100644
--- a/Front-End/src/components/PaymentPlanSelector.js
+++ b/Front-End/src/components/PaymentPlanSelector.js
@@ -49,25 +49,25 @@ const PaymentPlanSelector = ({ paymentPlans, setPaymentPlans, handleEdit, type }
   }, [paymentPlans]);
 
   useEffect(() => {
-    const updateDefaultDay = () => {
-      const currentDates = dates[selectedFrequency];
-      if (currentDates && currentDates.length > 0) {
-        const days = currentDates.map(date => new Date(date).getDate());
-        const allSameDay = days.every(day => day === days[0]);
-        if (allSameDay) {
-          setDefaultDay(days[0]);
-        } else {
-          setDefaultDay('-');
-          setIsDefaultDayModified(false);
-        }
-      } else {
-        setDefaultDay('-');
-      }
-    };
-
     updateDefaultDay();
   }, [dates, selectedFrequency]);
 
+  const updateDefaultDay = () => {
+    const currentDates = dates[selectedFrequency];
+    if (currentDates && currentDates.length > 0) {
+      const days = currentDates.map(date => new Date(date).getDate());
+      const allSameDay = days.every(day => day === days[0]);
+      if (allSameDay) {
+        setDefaultDay(days[0]);
+      } else {
+        setDefaultDay('-');
+        setIsDefaultDayModified(false);
+      }
+    } else {
+      setDefaultDay('-');
+    }
+  };
+
   const handleActivationChange = (value) => {
     const selectedPlan = paymentPlans.find(plan => plan.frequency === paymentPlansOptions.find(p => p.id === value)?.frequency);
     if (!selectedPlan) return;
@@ -79,7 +79,7 @@ const PaymentPlanSelector = ({ paymentPlans, setPaymentPlans, handleEdit, type }
 
     handleEdit(selectedPlan.id, updatedData)
       .then(() => {
-        setPaymentPlans(prevPlans => prevPlans.map(plan =>
+        setPaymentPlans(prevPlans => prevPlans.map(plan => 
           plan.id === selectedPlan.id ? { ...plan, is_active: updatedData.is_active } : plan
         ));
         setActiveFrequencies(prevFrequencies => {
@@ -172,7 +172,7 @@ const PaymentPlanSelector = ({ paymentPlans, setPaymentPlans, handleEdit, type }
     };
 
     handleEdit(selectedPlan.id, updatedData)
-      .then(() => {
+      .then(() => {        
         setPopupMessage(`Mise à jour des dates d'échéances effectuée avec succès`);
         setPopupVisible(true);
         setIsDefaultDayModified(false);
diff --git a/Front-End/src/components/RegistrationFileGroupList.js b/Front-End/src/components/RegistrationFileGroupList.js
index c5e9e4f..cda824d 100644
--- a/Front-End/src/components/RegistrationFileGroupList.js
+++ b/Front-End/src/components/RegistrationFileGroupList.js
@@ -10,7 +10,7 @@ export default function RegistrationFileGroupList() {
 
   return (
     <div>
-      <h2>Groupes de fichiers d&apos;inscription</h2>
+      <h2>Groupes de fichiers d'inscription</h2>
       <ul>
         {groups.map(group => (
           <li key={group.id}>{group.name}</li>
diff --git a/Front-End/src/components/Structure/Configuration/ClassesSection.js b/Front-End/src/components/Structure/Configuration/ClassesSection.js
index 1b67be1..7380b36 100644
--- a/Front-End/src/components/Structure/Configuration/ClassesSection.js
+++ b/Front-End/src/components/Structure/Configuration/ClassesSection.js
@@ -7,8 +7,7 @@ import SelectChoice from '@/components/SelectChoice';
 import TeacherItem from '@/components/Structure/Configuration/TeacherItem';
 import MultiSelect from '@/components/MultiSelect';
 import LevelLabel from '@/components/CustomLabels/LevelLabel';
-import { DndProvider, useDrop } from 'react-dnd';
-import { HTML5Backend } from 'react-dnd-html5-backend';
+import { DndProvider, HTML5Backend, useDrop } from 'react-dnd';
 import { ESTABLISHMENT_ID } from '@/utils/Url';
 
 const ItemTypes = {
@@ -18,13 +17,16 @@ const ItemTypes = {
 const TeachersDropZone = ({ classe, handleTeachersChange, teachers, isEditing }) => {
   const [localTeachers, setLocalTeachers] = useState(classe.teachers_details || []);
 
+  useEffect(() => {
+  }, [teachers]);
+
   useEffect(() => {
     setLocalTeachers(classe.teachers_details || []);
   }, [classe.teachers_details]);
 
   useEffect(() => {
     handleTeachersChange(localTeachers.map(teacher => teacher.id));
-  }, [handleTeachersChange, localTeachers]);
+  }, [localTeachers]);
 
   const [{ isOver, canDrop }, drop] = useDrop({
     accept: ItemTypes.TEACHER,
@@ -103,20 +105,20 @@ const ClassesSection = ({ classes, setClasses, teachers, handleCreate, handleEdi
     { id: 3, name: 'MS', age: 4 },
     { id: 4, name: 'GS', age: 5 },
   ];
-
+  
   const niveauxSecondCycle = [
     { id: 5, name: 'CP', age: 6 },
     { id: 6, name: 'CE1', age: 7 },
     { id: 7, name: 'CE2', age: 8 },
   ];
-
+  
   const niveauxTroisiemeCycle = [
     { id: 8, name: 'CM1', age: 9 },
     { id: 9, name: 'CM2', age: 10 },
   ];
-
+  
   const allNiveaux = [...niveauxPremierCycle, ...niveauxSecondCycle, ...niveauxTroisiemeCycle];
-
+  
   const getNiveauxLabels = (levels) => {
     return levels.map(niveauId => {
       const niveau = allNiveaux.find(n => n.id === niveauId);
@@ -129,10 +131,10 @@ const ClassesSection = ({ classes, setClasses, teachers, handleCreate, handleEdi
     const currentDate = new Date();
     const currentYear = currentDate.getFullYear();
     const currentMonth = currentDate.getMonth() + 1; // Les mois sont indexés à partir de 0
-
+  
     // Si nous sommes avant septembre, l'année scolaire en cours a commencé l'année précédente
     const startYear = currentMonth >= 9 ? currentYear : currentYear - 1;
-
+  
     const choices = [];
     for (let i = 0; i < 3; i++) {
       const year = startYear + i;
@@ -230,7 +232,7 @@ const ClassesSection = ({ classes, setClasses, teachers, handleCreate, handleEdi
 
   const handleMultiSelectChange = (selectedOptions) => {
     const levels = selectedOptions.map(option => option.id);
-
+  
     if (editingClass) {
       setFormData((prevData) => ({
         ...prevData,
@@ -346,7 +348,7 @@ const ClassesSection = ({ classes, setClasses, teachers, handleCreate, handleEdi
           const levelLabels = Array.isArray(classe.levels) ? getNiveauxLabels(classe.levels) : [];
           return (
             <div className="flex flex-wrap justify-center items-center space-x-2">
-              {levelLabels.length > 0
+              {levelLabels.length > 0 
               ? levelLabels.map((label, index) => (
                   <LevelLabel key={index} label={label} index={index} />
                 ))
diff --git a/Front-End/src/components/Structure/Configuration/TeachersSection.js b/Front-End/src/components/Structure/Configuration/TeachersSection.js
index f5ca14b..01d979c 100644
--- a/Front-End/src/components/Structure/Configuration/TeachersSection.js
+++ b/Front-End/src/components/Structure/Configuration/TeachersSection.js
@@ -27,7 +27,7 @@ const SpecialitiesDropZone = ({ teacher, handleSpecialitiesChange, specialities,
 
   useEffect(() => {
     handleSpecialitiesChange(localSpecialities.map(speciality => speciality.id));
-  }, [localSpecialities,handleSpecialitiesChange]);
+  }, [localSpecialities]);
 
   const [{ isOver, canDrop }, drop] = useDrop({
     accept: ItemTypes.SPECIALITY,
diff --git a/Front-End/src/components/Structure/Planning/PlanningClassView.js b/Front-End/src/components/Structure/Planning/PlanningClassView.js
index 176a1c4..63ef1b0 100644
--- a/Front-End/src/components/Structure/Planning/PlanningClassView.js
+++ b/Front-End/src/components/Structure/Planning/PlanningClassView.js
@@ -21,7 +21,7 @@ const PlanningClassView = ({ schedule, onDrop, selectedLevel, handleUpdatePlanni
     if (schedule?.emploiDuTemps) {
       setCurrentPeriod(determineInitialPeriod(schedule.emploiDuTemps));
     }
-  }, [schedule, determineInitialPeriod]);
+  }, [schedule]);
 
   if (!schedule || !schedule.emploiDuTemps) {
     return (
@@ -62,7 +62,7 @@ const PlanningClassView = ({ schedule, onDrop, selectedLevel, handleUpdatePlanni
         const [eventHour, eventMinute] = event.heure.split(':').map(Number);
         const eventStartTime = eventHour + eventMinute / 60;
         const eventEndTime = eventStartTime + parseFloat(event.duree);
-
+        
         // Filtrer en fonction du selectedLevel
         return schedule.niveau === level && startTime >= eventStartTime && startTime < eventEndTime;
     }) || [];
@@ -78,10 +78,10 @@ const PlanningClassView = ({ schedule, onDrop, selectedLevel, handleUpdatePlanni
 
   const renderTimeSlots = () => {
     const timeSlots = [];
-
+    
     for (let hour = parseInt(formData.time_range[0], 10); hour <= parseInt(formData.time_range[1], 10); hour++) {
       const hourString = hour.toString().padStart(2, '0');
-
+      
       timeSlots.push(
         <React.Fragment key={`${hourString}:00-${Math.random()}`}>
           <div className="h-20 p-1 text-right text-sm text-gray-500 bg-gray-100 font-medium">
@@ -160,7 +160,7 @@ const PlanningClassView = ({ schedule, onDrop, selectedLevel, handleUpdatePlanni
             </div>
           ))}
         </div>
-
+        
         {/* Contenu du planning */}
         <div className="flex-1 overflow-y-auto relative" style={{ maxHeight: 'calc(100vh - 300px)' }}>
           <div className="grid bg-white relative" style={{ gridTemplateColumns: `2.5rem repeat(${currentWeekDays.length}, 1fr)` }}>
diff --git a/Front-End/src/components/Structure/Planning/ScheduleManagement.js b/Front-End/src/components/Structure/Planning/ScheduleManagement.js
index a9d363e..a3a3283 100644
--- a/Front-End/src/components/Structure/Planning/ScheduleManagement.js
+++ b/Front-End/src/components/Structure/Planning/ScheduleManagement.js
@@ -22,7 +22,7 @@ const ScheduleManagement = ({ handleUpdatePlanning, classes }) => {
   const [schedule, setSchedule] = useState(null);
 
   const { getNiveauxTabs } = useClasses();
-  const niveauxLabels = useMemo(() => Array.isArray(selectedClass?.levels) ? getNiveauxTabs(selectedClass.levels) : [], [selectedClass, getNiveauxTabs]);
+  const niveauxLabels = Array.isArray(selectedClass?.levels) ? getNiveauxTabs(selectedClass.levels) : [];
 
   const [isModalOpen, setIsModalOpen] = useState(false);
   const handleOpenModal = () => setIsModalOpen(true);
@@ -38,7 +38,7 @@ const ScheduleManagement = ({ handleUpdatePlanning, classes }) => {
       const currentPlanning = selectedClass.plannings_read?.find(planning => planning.niveau === niveau);
       setSchedule(currentPlanning ? currentPlanning.planning : {});
     }
-  }, [selectedClass, niveauxLabels, selectedLevel]);
+  }, [selectedClass, niveauxLabels]);
 
   useEffect(() => {
     if (selectedClass && selectedLevel) {
diff --git a/Front-End/src/components/Structure/Tarification/FeesManagement.js b/Front-End/src/components/Structure/Tarification/FeesManagement.js
index 685ec72..f7f6f7a 100644
--- a/Front-End/src/components/Structure/Tarification/FeesManagement.js
+++ b/Front-End/src/components/Structure/Tarification/FeesManagement.js
@@ -6,14 +6,14 @@ import PaymentModeSelector from '@/components/PaymentModeSelector';
 import { BE_SCHOOL_FEES_URL, BE_SCHOOL_DISCOUNTS_URL, BE_SCHOOL_PAYMENT_PLANS_URL, BE_SCHOOL_PAYMENT_MODES_URL } from '@/utils/Url';
 import { set } from 'lodash';
 
-const FeesManagement = ({ registrationDiscounts,
-                          setRegistrationDiscounts,
-                          tuitionDiscounts,
-                          setTuitionDiscounts,
-                          registrationFees,
-                          setRegistrationFees,
-                          tuitionFees,
-                          setTuitionFees,
+const FeesManagement = ({ registrationDiscounts, 
+                          setRegistrationDiscounts, 
+                          tuitionDiscounts, 
+                          setTuitionDiscounts, 
+                          registrationFees, 
+                          setRegistrationFees, 
+                          tuitionFees, 
+                          setTuitionFees, 
                           registrationPaymentPlans,
                           setRegistrationPaymentPlans,
                           tuitionPaymentPlans,
@@ -22,20 +22,20 @@ const FeesManagement = ({ registrationDiscounts,
                           setRegistrationPaymentModes,
                           tuitionPaymentModes,
                           setTuitionPaymentModes,
-                          handleCreate,
-                          handleEdit,
+                          handleCreate, 
+                          handleEdit, 
                           handleDelete }) => {
 
   const handleDiscountDelete = (id, type) => {
     if (type === 0) {
-      setRegistrationFees(prevFees =>
+      setRegistrationFees(prevFees => 
         prevFees.map(fee => ({
           ...fee,
           discounts: fee.discounts.filter(discountId => discountId !== id)
         }))
       );
     } else {
-      setTuitionFees(prevFees =>
+      setTuitionFees(prevFees => 
         prevFees.map(fee => ({
           ...fee,
           discounts: fee.discounts.filter(discountId => discountId !== id)
@@ -47,7 +47,7 @@ const FeesManagement = ({ registrationDiscounts,
   return (
     <div className="w-full mx-auto p-2 mt-6 space-y-6">
       <div className="bg-white p-2 rounded-lg shadow-md">
-        <h2 className="text-2xl font-semibold mb-4">Frais d&apos;inscription</h2>
+        <h2 className="text-2xl font-semibold mb-4">Frais d'inscription</h2>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
           <div className="col-span-1 p-6 rounded-lg shadow-inner mt-4">
             <FeesSection
diff --git a/Front-End/src/hooks/useCsrfToken.js b/Front-End/src/hooks/useCsrfToken.js
index 8a92f3a..1489d70 100644
--- a/Front-End/src/hooks/useCsrfToken.js
+++ b/Front-End/src/hooks/useCsrfToken.js
@@ -21,7 +21,7 @@ const useCsrfToken = () => {
         .catch(error => {
             console.error('Error fetching CSRF token:', error);
         });
-    }, [token]);
+    }, []);
 
     return token;
 };