Revert "fix: application des recommandations linter es pour générer un build de prod"

This reverts commit d1aa8b54fb.

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"

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>

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.
    *

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>;

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>

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) {

Front-End/src/app/_error/page.js

@@ -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>
-  );
-}

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>

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>
-  );
+  )
 }