Checkpoint: Trois améliorations majeures du champ formateur :

✅ **1. Affichage dans le tableau des séquences**
- Nouvelle colonne "Formateur" ajoutée au tableau de gestion
- Affiche le nom du formateur ou "-" si non renseigné

✅ **2. Liste prédéfinie avec autocomplétion**
- Nouvelle table `formateurs` dans la base de données
- Procédures tRPC (list, create, delete) pour gérer les formateurs
- Composant `FormateurCombobox` avec autocomplétion intelligente
- Possibilité d'ajouter rapidement un nouveau formateur depuis le formulaire
- Recherche en temps réel parmi les formateurs existants

✅ **3. Inclusion dans les emails d'invitation**
- Le nom du formateur est maintenant affiché dans les emails de confirmation d'inscription
- Affichage conditionnel (uniquement si un formateur est renseigné)
- Améliore la communication avec les apprenants

Ces améliorations standardisent la gestion des formateurs, évitent les doublons/fautes de frappe, et enrichissent l'information transmise aux apprenants.

client/src/pages/AdminSequences.tsx

@@ -1,5 +1,6 @@
-import { useState, useMemo } from "react";
+import { useState } from "react";
 import DashboardLayout from "@/components/DashboardLayout";
+import { FormateurCombobox } from "@/components/FormateurCombobox";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
@@ -402,11 +403,10 @@ export default function AdminSequences() {
                 <div className="grid grid-cols-2 gap-4">
                   <div className="space-y-2">
                     <Label htmlFor="formateur">Formateur</Label>
-                    <Input
-                      id="formateur"
+                    <FormateurCombobox
                       value={formData.formateur}
-                      onChange={(e) => setFormData({ ...formData, formateur: e.target.value })}
-                      placeholder="Nom du formateur (optionnel)"
+                      onChange={(value) => setFormData({ ...formData, formateur: value })}
+                      placeholder="Sélectionner un formateur (optionnel)"
                     />
                   </div>
 
@@ -636,6 +636,7 @@ export default function AdminSequences() {
                       <TableHead>Dates</TableHead>
                       <TableHead>Lieu</TableHead>
                       <TableHead>Public cible</TableHead>
+                      <TableHead>Formateur</TableHead>
                       <TableHead>Capacité</TableHead>
                       <TableHead>Statut</TableHead>
                       <TableHead className="text-right">Actions</TableHead>
@@ -662,6 +663,7 @@ export default function AdminSequences() {
                             {getPublicCibleLabel(sequence.publicCible)}
                           </span>
                         </TableCell>
+                        <TableCell className="max-w-xs truncate">{sequence.formateur || "-"}</TableCell>
                         <TableCell>{sequence.nbInscrits || 0} / {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)}`}>
@@ -775,11 +777,10 @@ export default function AdminSequences() {
               <div className="grid grid-cols-2 gap-4">
                 <div className="space-y-2">
                   <Label htmlFor="edit-formateur">Formateur</Label>
-                  <Input
-                    id="edit-formateur"
+                  <FormateurCombobox
                     value={formData.formateur}
-                    onChange={(e) => setFormData({ ...formData, formateur: e.target.value })}
-                    placeholder="Nom du formateur (optionnel)"
+                    onChange={(value) => setFormData({ ...formData, formateur: value })}
+                    placeholder="Sélectionner un formateur (optionnel)"
                   />
                 </div>