Checkpoint: Implémentation de l'émargement numérique avec deux signatures par jour (matin et après-midi):

- Ajout du champ 'periode' dans la table presences
- Modification des procédures backend pour gérer les deux périodes
- Mise à jour de l'interface EmargementScan avec choix de période
- Mise à jour de l'interface FormateurEmargement avec validation séparée matin/après-midi
- La feuille de présence PDF était déjà configurée avec deux colonnes

client/src/pages/EmargementScan.tsx

@@ -20,6 +20,7 @@ export default function EmargementScan() {
   const [email, setEmail] = useState("");
   const [selectedInscriptionId, setSelectedInscriptionId] = useState<number | null>(null);
   const [selectedDateId, setSelectedDateId] = useState<number | null>(null);
+  const [selectedPeriode, setSelectedPeriode] = useState<"matin" | "apres_midi">("matin");
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
@@ -70,6 +71,7 @@ export default function EmargementScan() {
       token,
       inscriptionId: selectedInscriptionId,
       dateFormationId: selectedDateId,
+      periode: selectedPeriode,
       modeValidation: "qrcode",
     });
   };
@@ -209,29 +211,47 @@ export default function EmargementScan() {
                   </div>
 
                   {selectedInscriptionId && datesDisponibles.length > 0 && (
-                    <div>
-                      <Label>Sélectionnez la date</Label>
-                      <Select
-                        value={selectedDateId?.toString() || ""}
-                        onValueChange={(value) => setSelectedDateId(parseInt(value))}
-                      >
-                        <SelectTrigger>
-                          <SelectValue placeholder="Choisir une date..." />
-                        </SelectTrigger>
-                        <SelectContent>
-                          {datesDisponibles.map((date: any) => (
-                            <SelectItem key={date.id} value={date.id.toString()}>
-                              {new Date(date.dateDebut).toLocaleDateString("fr-FR", {
-                                weekday: "long",
-                                year: "numeric",
-                                month: "long",
-                                day: "numeric",
-                              })}
-                            </SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
-                    </div>
+                    <>
+                      <div>
+                        <Label>Sélectionnez la date</Label>
+                        <Select
+                          value={selectedDateId?.toString() || ""}
+                          onValueChange={(value) => setSelectedDateId(parseInt(value))}
+                        >
+                          <SelectTrigger>
+                            <SelectValue placeholder="Choisir une date..." />
+                          </SelectTrigger>
+                          <SelectContent>
+                            {datesDisponibles.map((date: any) => (
+                              <SelectItem key={date.id} value={date.id.toString()}>
+                                {new Date(date.dateDebut).toLocaleDateString("fr-FR", {
+                                  weekday: "long",
+                                  year: "numeric",
+                                  month: "long",
+                                  day: "numeric",
+                                })}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </div>
+
+                      <div>
+                        <Label>Période de la journée</Label>
+                        <Select
+                          value={selectedPeriode}
+                          onValueChange={(value) => setSelectedPeriode(value as "matin" | "apres_midi")}
+                        >
+                          <SelectTrigger>
+                            <SelectValue />
+                          </SelectTrigger>
+                          <SelectContent>
+                            <SelectItem value="matin">🌅 Matin</SelectItem>
+                            <SelectItem value="apres_midi">🌆 Après-midi</SelectItem>
+                          </SelectContent>
+                        </Select>
+                      </div>
+                    </>
                   )}
 
                   <Button