Checkpoint: Correction de l'algorithme de génération de couleur pour les formations : utilisation d'un mapping basé sur l'ordre d'apparition des formations plutôt que sur leur ID. Chaque formation reçoit maintenant une couleur unique parmi 10 couleurs disponibles (bleu, violet, rose, indigo, cyan, teal, violet, fuchsia, sky, amber), garantissant une distinction visuelle claire entre toutes les formations dans le tableau des séquences.

client/src/pages/AdminSequences.tsx

@@ -253,7 +253,9 @@ export default function AdminSequences() {
   };
 
   // Générer une couleur unique par formation (en évitant vert, orange, rouge)
-  const getFormationColor = (formationId: number) => {
+  const formationColorMap = useMemo(() => {
+    if (!formations) return new Map<number, string>();
+    
     const colors = [
       "text-blue-600",
       "text-purple-600",
@@ -266,7 +268,16 @@ export default function AdminSequences() {
       "text-sky-600",
       "text-amber-600",
     ];
-    return colors[formationId % colors.length];
+    
+    const map = new Map<number, string>();
+    formations.forEach((formation, index) => {
+      map.set(formation.id, colors[index % colors.length]);
+    });
+    return map;
+  }, [formations]);
+
+  const getFormationColor = (formationId: number) => {
+    return formationColorMap.get(formationId) || "text-gray-600";
   };
 
   const formatDate = (dateValue: any) => {