Ajout des cgu

DataSentinel/src/components/Layout/Sidebar.jsx

@@ -10,6 +10,7 @@ import {
   List,
   Book,
   Shield,
+  FileText,
 } from 'lucide-react';
 import styles from './Sidebar.module.css';
 
@@ -21,8 +22,9 @@ function NavItem({ to, icon: Icon, label }) {
       className={({ isActive }) =>
         `${styles.navItem} ${isActive ? styles.active : ''}`
       }
+      aria-current={undefined}
     >
-      <Icon size={16} />
+      <Icon size={16} aria-hidden="true" />
       <span>{label}</span>
     </NavLink>
   );
@@ -32,12 +34,23 @@ export default function Sidebar({ isOpen, onClose }) {
   return (
     <>
       {/* Overlay mobile pour fermer la sidebar */}
-      {isOpen && <div className={styles.overlay} onClick={onClose} />}
+      {isOpen && (
+        <div
+          className={styles.overlay}
+          onClick={onClose}
+          role="presentation"
+          aria-hidden="true"
+        />
+      )}
 
-      <aside className={`${styles.sidebar} ${isOpen ? styles.open : ''}`}>
-        <nav className={styles.nav}>
+      <aside
+        id="sidebar"
+        className={`${styles.sidebar} ${isOpen ? styles.open : ''}`}
+        aria-label="Navigation principale"
+      >
+        <nav className={styles.nav} aria-label="Menu de navigation">
           {/* Navigation principale */}
-          <div className={styles.section}>
+          <div className={styles.section} role="group" aria-label="Monitoring">
             <NavItem to="/dashboard" icon={LayoutGrid} label="Dashboard" />
             <NavItem to="/consolidee" icon={Layers} label="Vue consolidée" />
             <NavItem to="/contrat" icon={List} label="Contrat" />
@@ -45,28 +58,32 @@ export default function Sidebar({ isOpen, onClose }) {
             <NavItem to="/historique" icon={Clock} label="Historique" />
           </div>
 
-          <div className={styles.separator} />
+          <div className={styles.separator} role="separator" />
 
           {/* Section administration */}
-          <div className={styles.sectionLabel}>ADMIN</div>
-          <div className={styles.section}>
+          <div className={styles.sectionLabel} aria-hidden="true">ADMIN</div>
+          <div className={styles.section} role="group" aria-label="Administration">
             <NavItem to="/admin" icon={Settings} label="Nomenclature" />
             <NavItem to="/utilisateurs" icon={Users} label="Utilisateurs" />
-            <NavItem to="/journal" icon={List} label="Journal" />
+
           </div>
         </nav>
 
         {/* Liens de pied de sidebar */}
-        <div className={styles.footer}>
+        <nav className={styles.footer} aria-label="Liens utiles">
           <NavLink to="/documentation" className={styles.footerLink}>
-            <Book size={13} />
+            <Book size={13} aria-hidden="true" />
             Documentation
           </NavLink>
           <NavLink to="/mentions-legales" className={styles.footerLink}>
-            <Shield size={13} />
+            <Shield size={13} aria-hidden="true" />
             Mentions légales
           </NavLink>
-        </div>
+          <NavLink to="/cgu" className={styles.footerLink}>
+            <FileText size={13} aria-hidden="true" />
+            CGU
+          </NavLink>
+        </nav>
       </aside>
     </>
   );