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>

client/src/pages/Login.tsx

@@ -37,8 +37,12 @@ export default function Login() {
 
       if (response.ok && data.success) {
         toast.success("Connexion réussie !");
-        // Rediriger vers le tableau de bord
-        setLocation("/admin");
+        // Rediriger selon le rôle de l'utilisateur
+        if (data.user.role === "formateur") {
+          setLocation("/formateur");
+        } else {
+          setLocation("/admin");
+        }
       } else {
         toast.error(data.message || "Identifiant ou mot de passe incorrect");
       }

client/src/pages/admin/AdminAttestations.tsx

@@ -8,6 +8,7 @@ import { Label } from "@/components/ui/label";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { toast } from "sonner";
 import { FileText, Save } from "lucide-react";
+import ImageUpload from "@/components/ImageUpload";
 
 export default function AdminAttestations() {
   const { data: config, isLoading, refetch } = trpc.attestations.getConfig.useQuery();
@@ -17,6 +18,10 @@ export default function AdminAttestations() {
     nomSignataire: "",
     fonctionSignataire: "",
     texteAttestation: "",
+    logoUrl: "",
+    logoS3Key: "",
+    signatureUrl: "",
+    signatureS3Key: "",
   });
 
   // Mettre à jour le formulaire quand les données sont chargées
@@ -26,6 +31,10 @@ export default function AdminAttestations() {
         nomSignataire: config.nomSignataire || "",
         fonctionSignataire: config.fonctionSignataire || "",
         texteAttestation: config.texteAttestation || "",
+        logoUrl: config.logoUrl || "",
+        logoS3Key: config.logoS3Key || "",
+        signatureUrl: config.signatureUrl || "",
+        signatureS3Key: config.signatureS3Key || "",
       });
     }
   }, [config]);
@@ -101,6 +110,32 @@ export default function AdminAttestations() {
             </CardContent>
           </Card>
 
+          <Card>
+            <CardHeader>
+              <CardTitle>Logo et signature</CardTitle>
+              <CardDescription>
+                Ajoutez un logo et une signature pour personnaliser vos attestations
+              </CardDescription>
+            </CardHeader>
+            <CardContent className="space-y-6">
+              <ImageUpload
+                label="Logo de l'organisation"
+                currentImageUrl={formData.logoUrl}
+                onUploadComplete={(url, s3Key) =>
+                  setFormData({ ...formData, logoUrl: url, logoS3Key: s3Key })
+                }
+              />
+
+              <ImageUpload
+                label="Signature du signataire"
+                currentImageUrl={formData.signatureUrl}
+                onUploadComplete={(url, s3Key) =>
+                  setFormData({ ...formData, signatureUrl: url, signatureS3Key: s3Key })
+                }
+              />
+            </CardContent>
+          </Card>
+
           <Card>
             <CardHeader>
               <CardTitle>Texte de l'attestation</CardTitle>
@@ -137,6 +172,10 @@ export default function AdminAttestations() {
                     nomSignataire: config.nomSignataire || "",
                     fonctionSignataire: config.fonctionSignataire || "",
                     texteAttestation: config.texteAttestation || "",
+                    logoUrl: config.logoUrl || "",
+                    logoS3Key: config.logoS3Key || "",
+                    signatureUrl: config.signatureUrl || "",
+                    signatureS3Key: config.signatureS3Key || "",
                   });
                 }
               }}