Refonte du créateur de badges et nombre de badges par bénévole

Créateur de badges refait d'après la maquette : champs sur le recto et le
verso (BadgeField.face, verso placé en miroir dans le PDF pour le
recto-verso), fond de zone, réduction automatique du texte, photo ovale,
initiales sans photo, nom sur deux lignes (migration 0026) ; éditeur en
trois colonnes (champs, aperçu recto/verso avec de vrais bénévoles,
inspecteur), formats prédéfinis, annuler, flèches, zoom, repères de
découpe, dépôt d'image sur l'aperçu, contrôle de tous les badges avant
génération.

Nombre de badges par bénévole (Volunteer.badge_count, 1 par défaut,
migration 0027) : champ sur la fiche, autant d'exemplaires sur les
planches, total affiché à la génération, colonne dans l'export Excel.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/pages/config/ConfigVolunteers.tsx

@@ -169,6 +169,43 @@ const FEE_STATUS_LABEL_KEY: Record<NonNullable<VolunteerRead['fee_payment_status
   EXPIRED: 'config.vol.feeStatus.expired',
 };
 
+/**
+ * Nombre d'exemplaires du badge imprimés sur les planches (1 à 100). Saisie
+ * libre gardée en local : n'enregistre qu'un entier valide, et revient à la
+ * dernière valeur enregistrée si le champ est quitté vide ou hors bornes.
+ */
+function BadgeCountInput({ value, onChange }: { value: number; onChange: (count: number) => void }) {
+  const [draft, setDraft] = useState(String(value));
+  const parse = (raw: string) => {
+    const n = Number(raw);
+    return Number.isInteger(n) && n >= 1 && n <= 100 ? n : null;
+  };
+  return (
+    <label className="block">
+      <FieldLabel>
+        {t('config.vol.field.badgeCount')}
+        <HelpTip text={t('config.vol.field.badgeCount.help')} className="ml-[6px]" />
+      </FieldLabel>
+      <input
+        type="number"
+        min={1}
+        max={100}
+        step={1}
+        value={draft}
+        onChange={(e) => {
+          setDraft(e.target.value);
+          const n = parse(e.target.value);
+          if (n !== null && n !== value) onChange(n);
+        }}
+        onBlur={() => {
+          if (parse(draft) === null) setDraft(String(value));
+        }}
+        className="w-[90px] border-2 border-ink bg-cream px-[9px] py-[7px] font-mono text-[13px] font-bold"
+      />
+    </label>
+  );
+}
+
 /**
  * Photo du bénévole (badge, écrans bénévole/référent, feuilles de poste) :
  * celle envoyée au formulaire public, ou ajoutée ici par la coordination
@@ -960,6 +997,11 @@ export function ConfigVolunteers() {
                 onChange={(v) => patch({ badge_text: v || null })}
               />
             </label>
+            <BadgeCountInput
+              key={`${selected.id}-${selected.badge_count}`}
+              value={selected.badge_count}
+              onChange={(badge_count) => patch({ badge_count })}
+            />
             <VolunteerPhotoSection key={selected.id} volunteer={selected} />
 
             <VolunteerAccessSection volunteerId={selected.id} email={selected.email} />