Checkpoint: Ajout des badges de couleur pour le public cible (bleu pour Directeurs, vert pour Chefs de service, gris pour Autre) dans les tableaux des séquences et création d'un rapport d'analyse comparant le public cible des séquences avec la fonction des apprenants inscrits pour identifier les écarts et optimiser la planification des formations

client/src/pages/AdminSequences.tsx

@@ -288,6 +288,24 @@ export default function AdminSequences() {
     return colors[statut as keyof typeof colors] || colors.ouverte;
   };
 
+  const getPublicCibleBadge = (publicCible: string) => {
+    const colors = {
+      directeur: "bg-blue-100 text-blue-800",
+      chef_service: "bg-green-100 text-green-800",
+      autre: "bg-gray-100 text-gray-800",
+    };
+    return colors[publicCible as keyof typeof colors] || colors.autre;
+  };
+
+  const getPublicCibleLabel = (publicCible: string) => {
+    const labels = {
+      directeur: "Directeur",
+      chef_service: "Chef de service",
+      autre: "Autre",
+    };
+    return labels[publicCible as keyof typeof labels] || "Autre";
+  };
+
   return (
     <DashboardLayout>
       <div className="container mx-auto py-8 space-y-6">
@@ -620,7 +638,11 @@ export default function AdminSequences() {
                           </div>
                         </TableCell>
                         <TableCell className="max-w-xs truncate">{sequence.lieu}</TableCell>
-                        <TableCell>{sequence.publicCible === "directeur" ? "Directeur" : sequence.publicCible === "chef_service" ? "Chef de service" : "Autre"}</TableCell>
+                        <TableCell>
+                          <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getPublicCibleBadge(sequence.publicCible)}`}>
+                            {getPublicCibleLabel(sequence.publicCible)}
+                          </span>
+                        </TableCell>
                         <TableCell>{sequence.capaciteMax}</TableCell>
                         <TableCell>
                           <span className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatutBadge(sequence.statut)}`}>