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/api/mock/mock-client.ts

@@ -235,6 +235,7 @@ function promotePending(pending: MockPendingSubmission): VolunteerRead {
     has_photo: pending.photo !== null,
     companion_wish_note: pending.companionWishNote,
     badge_text: null,
+    badge_count: 1,
     self_declared_available: pending.available,
     willing_to_pay_fee: true,
     fee_payment_label: pending.paymentLabel,
@@ -997,6 +998,7 @@ export function createMockApi(): PlanningApi {
           has_photo: false,
           companion_wish_note: null,
           badge_text: null,
+          badge_count: 1,
           self_declared_available: false,
           willing_to_pay_fee: false,
           fee_payment_label: null,
@@ -1042,6 +1044,14 @@ export function createMockApi(): PlanningApi {
             ? { companion_wish_note: body.companion_wish_note ?? null }
             : {}),
           ...('badge_text' in body ? { badge_text: body.badge_text ?? null } : {}),
+          ...(body.badge_count != null
+            ? (() => {
+                if (!Number.isInteger(body.badge_count) || body.badge_count < 1 || body.badge_count > 100) {
+                  throw new ApiError(422, 'error.generic');
+                }
+                return { badge_count: body.badge_count };
+              })()
+            : {}),
           ...('self_declared_available' in body && body.self_declared_available != null
             ? { self_declared_available: body.self_declared_available }
             : {}),
@@ -1321,6 +1331,7 @@ export function createMockApi(): PlanningApi {
               has_photo: false,
               companion_wish_note: null,
               badge_text: null,
+              badge_count: 1,
               self_declared_available: false,
               willing_to_pay_fee: false,
               fee_payment_label: null,
@@ -1577,13 +1588,24 @@ export function createMockApi(): PlanningApi {
         return (await fetch(state.badgeTemplate.backImage)).blob();
       },
       setFields: (_edition, body: BadgeFieldsSet) => {
+        // Un même type de champ peut exister une fois par face (recto/verso),
+        // comme côté back-end.
         const seen = new Set<string>();
+        const hexColor = /^#[0-9a-fA-F]{6}$/;
         for (const f of body.fields) {
-          if (seen.has(f.field_type)) throw new ApiError(422, 'badge.duplicate_field_type');
-          seen.add(f.field_type);
+          const key = `${f.face ?? 'FRONT'}:${f.field_type}`;
+          if (seen.has(key)) throw new ApiError(422, 'badge.duplicate_field_type');
+          seen.add(key);
+          if (!hexColor.test(f.color) || (f.bg_color != null && !hexColor.test(f.bg_color))) {
+            throw new ApiError(422, 'badge.invalid_color');
+          }
         }
         const fields: BadgeFieldRead[] = body.fields.map((f) => ({
           ...f,
+          face: f.face ?? 'FRONT',
+          bg_color: f.bg_color ?? null,
+          auto_fit: f.auto_fit ?? true,
+          photo_shape: f.photo_shape ?? 'RECT',
           id: `bf${state.seq++}`,
           edition_id: state.edition.id,
         }));
@@ -1792,6 +1814,7 @@ export function createMockApi(): PlanningApi {
             has_photo: photo !== null,
             companion_wish_note: companionWishNote,
             badge_text: null,
+            badge_count: 1,
             self_declared_available: fields.has('AVAILABLE') ? available : false,
             willing_to_pay_fee: fields.has('WILLING_TO_PAY_FEE'),
             fee_payment_label: null,