Checkpoint: Ajout de l'authentification formateur et upload logo/signature pour attestations

## Authentification formateur
- Ajout du rôle "formateur" dans l'enum de la table users
- Ajout du champ formateurId pour lier un compte à un formateur
- Mise à jour de l'interface AdminUsers avec sélection du formateur
- Redirection automatique selon le rôle (admin → /admin, formateur → /formateur)
- Badges et filtres mis à jour pour inclure le rôle formateur

## Upload logo et signature
- Création du composant ImageUpload.tsx avec prévisualisation
- Création de l'endpoint /api/upload-image avec multer pour l'upload vers S3
- Intégration dans AdminAttestations.tsx
- Modification du service PDF pour inclure le logo (en haut à droite) et la signature (en bas)
- Mise à jour des procédures tRPC pour accepter logoUrl, logoS3Key, signatureUrl, signatureS3Key

client/src/pages/AdminUsers.tsx

@@ -46,17 +46,20 @@ export default function AdminUsers() {
     email: "",
     username: "",
     password: "",
-    role: "user" as "user" | "admin",
+    role: "user" as "user" | "admin" | "formateur",
+    formateurId: undefined as number | undefined,
   });
   const [editForm, setEditForm] = useState({
     name: "",
     email: "",
     username: "",
     password: "",
-    role: "user" as "user" | "admin",
+    role: "user" as "user" | "admin" | "formateur",
+    formateurId: undefined as number | undefined,
   });
 
   const { data: users = [], refetch } = trpc.users.list.useQuery();
+  const { data: formateurs = [] } = trpc.formateurs.list.useQuery();
   
   const createMutation = trpc.users.create.useMutation({
     onSuccess: () => {
@@ -70,6 +73,7 @@ export default function AdminUsers() {
         username: "",
         password: "",
         role: "user",
+        formateurId: undefined,
       });
     },
     onError: (error) => {
@@ -137,6 +141,7 @@ export default function AdminUsers() {
       password: createForm.password || undefined,
       role: createForm.role,
       isActive: true,
+      formateurId: createForm.formateurId,
     });
   };
 
@@ -148,6 +153,7 @@ export default function AdminUsers() {
       username: user.username || "",
       password: "", // Toujours vide pour la sécurité
       role: user.role,
+      formateurId: user.formateurId,
     });
     setEditDialogOpen(true);
   };
@@ -161,6 +167,7 @@ export default function AdminUsers() {
       name: editForm.name || undefined,
       email: editForm.email || undefined,
       role: editForm.role,
+      formateurId: editForm.formateurId,
     };
     
     if (editForm.username) {
@@ -268,6 +275,7 @@ export default function AdminUsers() {
               <SelectItem value="all">Tous les rôles</SelectItem>
               <SelectItem value="admin">Administrateur</SelectItem>
               <SelectItem value="user">Utilisateur</SelectItem>
+              <SelectItem value="formateur">Formateur</SelectItem>
             </SelectContent>
           </Select>
         </div>
@@ -325,8 +333,8 @@ export default function AdminUsers() {
                   <TableCell>{user.email || "N/A"}</TableCell>
                   <TableCell>{user.username || "N/A"}</TableCell>
                   <TableCell>
-                    <Badge variant={user.role === "admin" ? "default" : "secondary"}>
-                      {user.role === "admin" ? "Administrateur" : "Utilisateur"}
+                    <Badge variant={user.role === "admin" ? "default" : user.role === "formateur" ? "outline" : "secondary"}>
+                      {user.role === "admin" ? "Administrateur" : user.role === "formateur" ? "Formateur" : "Utilisateur"}
                     </Badge>
                   </TableCell>
                   <TableCell>
@@ -452,7 +460,7 @@ export default function AdminUsers() {
               <Label htmlFor="createRole">Rôle</Label>
               <Select
                 value={createForm.role}
-                onValueChange={(value: "user" | "admin") =>
+                onValueChange={(value: "user" | "admin" | "formateur") =>
                   setCreateForm({ ...createForm, role: value })
                 }
               >
@@ -462,9 +470,33 @@ export default function AdminUsers() {
                 <SelectContent>
                   <SelectItem value="user">Utilisateur</SelectItem>
                   <SelectItem value="admin">Administrateur</SelectItem>
+                  <SelectItem value="formateur">Formateur</SelectItem>
                 </SelectContent>
               </Select>
             </div>
+
+            {createForm.role === "formateur" && (
+              <div>
+                <Label htmlFor="createFormateur">Formateur associé</Label>
+                <Select
+                  value={createForm.formateurId?.toString() || ""}
+                  onValueChange={(value) =>
+                    setCreateForm({ ...createForm, formateurId: value ? parseInt(value) : undefined })
+                  }
+                >
+                  <SelectTrigger id="createFormateur">
+                    <SelectValue placeholder="Sélectionner un formateur" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {formateurs.map((formateur: any) => (
+                      <SelectItem key={formateur.id} value={formateur.id.toString()}>
+                        {formateur.nom}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            )}
           </div>
 
           <DialogFooter>
@@ -545,7 +577,7 @@ export default function AdminUsers() {
               <Label htmlFor="editRole">Rôle</Label>
               <Select
                 value={editForm.role}
-                onValueChange={(value: "user" | "admin") =>
+                onValueChange={(value: "user" | "admin" | "formateur") =>
                   setEditForm({ ...editForm, role: value })
                 }
               >
@@ -555,9 +587,33 @@ export default function AdminUsers() {
                 <SelectContent>
                   <SelectItem value="user">Utilisateur</SelectItem>
                   <SelectItem value="admin">Administrateur</SelectItem>
+                  <SelectItem value="formateur">Formateur</SelectItem>
                 </SelectContent>
               </Select>
             </div>
+
+            {editForm.role === "formateur" && (
+              <div>
+                <Label htmlFor="editFormateur">Formateur associé</Label>
+                <Select
+                  value={editForm.formateurId?.toString() || ""}
+                  onValueChange={(value) =>
+                    setEditForm({ ...editForm, formateurId: value ? parseInt(value) : undefined })
+                  }
+                >
+                  <SelectTrigger id="editFormateur">
+                    <SelectValue placeholder="Sélectionner un formateur" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {formateurs.map((formateur: any) => (
+                      <SelectItem key={formateur.id} value={formateur.id.toString()}>
+                        {formateur.nom}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            )}
           </div>
 
           <DialogFooter>