Checkpoint: Corrections d'affichage pour la page de gestion des séquences

✅ **1. Fenêtre de modification agrandie**
- Largeur passée de max-w-3xl à max-w-4xl
- Les champs formateur et capacité ne se chevauchent plus
- Meilleure lisibilité de tous les champs du formulaire

✅ **2. Espacement amélioré dans la barre de progression**
- Ajout d'un gap de 4 unités entre la capacité et le pourcentage
- Meilleure séparation visuelle des informations
- Lecture plus claire du taux de remplissage

Ces ajustements améliorent l'ergonomie et la lisibilité de l'interface de gestion des séquences.

client/src/components/CapacityProgressBar.tsx

@@ -25,7 +25,7 @@ export function CapacityProgressBar({ current, max, className }: CapacityProgres
 
   return (
     <div className={cn("space-y-1", className)}>
-      <div className="flex items-center justify-between text-sm">
+      <div className="flex items-center justify-between text-sm gap-4">
         <span className={cn("font-medium", getTextColorClass())}>
           {current} / {max}
         </span>

client/src/pages/AdminSequences.tsx

@@ -331,7 +331,7 @@ export default function AdminSequences() {
                 Nouvelle Séquence
               </Button>
             </DialogTrigger>
-            <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
+            <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
               <DialogHeader>
                 <DialogTitle>Créer une nouvelle séquence</DialogTitle>
                 <DialogDescription>
@@ -712,7 +712,7 @@ export default function AdminSequences() {
 
         {/* Dialog d'édition */}
         <Dialog open={isEditOpen} onOpenChange={setIsEditOpen}>
-          <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
+          <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
             <DialogHeader>
               <DialogTitle>Modifier la séquence</DialogTitle>
               <DialogDescription>