Checkpoint: Implémentation complète des restrictions d'accès pour les formateurs : (1) Ajout du rôle "formateur" dans le schéma de base de données avec champ formateurId pour lier un utilisateur à un formateur. (2) Modification du menu de navigation DashboardLayout pour masquer automatiquement les sections "Configuration", "Traçabilité" et "Analyses" aux utilisateurs ayant le rôle formateur. (3) Filtrage backend des données : création de getSequencesByFormateur, getFormationsByFormateur et getApprenantsByFormateur dans db.ts pour ne retourner que les données pertinentes. (4) Modification des procédures tRPC formations.list, sequences.list et apprenants.list pour utiliser protectedProcedure au lieu de adminProcedure et appliquer le filtrage selon le rôle (formateur vs admin). Les formateurs ne voient désormais que leurs propres formations (celles pour lesquelles ils ont des séquences), leurs propres séquences (où ils sont assignés comme formateur) et uniquement les apprenants inscrits à leurs séquences. Les administrateurs conservent l'accès complet à toutes les données. Cette implémentation garantit une séparation claire des accès et protège les données sensibles tout en permettant aux formateurs de gérer efficacement leurs formations.

client/src/components/DashboardLayout.tsx

@@ -174,9 +174,18 @@ function DashboardLayoutContent({
   const [location, setLocation] = useLocation();
   const { state, toggleSidebar } = useSidebar();
   const isCollapsed = state === "collapsed";
+
+  // Filtrer les sections de menu selon le rôle
+  const filteredMenuSections = menuSections.filter(section => {
+    // Les formateurs ne voient pas Configuration ni Traçabilité
+    if (user?.role === 'formateur') {
+      return section.title !== 'Configuration' && section.title !== 'Traçabilité' && section.title !== 'Analyses';
+    }
+    return true;
+  });
   const [isResizing, setIsResizing] = useState(false);
   const sidebarRef = useRef<HTMLDivElement>(null);
-  const activeMenuItem = menuSections.flatMap(section => section.items).find(item => item.path === location);
+  const activeMenuItem = filteredMenuSections.flatMap(section => section.items).find(item => item.path === location);
   const isMobile = useIsMobile();
   
   // État pour gérer les sections ouvertes/fermées (persisté dans localStorage)
@@ -308,7 +317,7 @@ function DashboardLayoutContent({
           </SidebarHeader>
 
           <SidebarContent className="gap-0">
-            {menuSections.map((section, sectionIndex) => {
+            {filteredMenuSections.map((section, sectionIndex) => {
               const isOpen = openSections[section.title] ?? false;
               return (
                 <div key={section.title}>