Formulaire public : paiement de la cotisation via l'API SumUp (remplace Yapla)

Remplace le simple lien Yapla statique par une vraie intégration API SumUp :
checkout hébergé créé à la soumission du formulaire, statut de paiement
(PENDING/PAID/FAILED/EXPIRED) tenu à jour par un webhook SumUp et visible sur
la fiche du bénévole. La cotisation n'est plus un montant unique : la
coordination configure autant de types de paiement qu'elle veut (libellé +
montant, ex. « Cotisation classique », « Mécénat »), et le bénévole en
choisit un à l'inscription — le libellé et le montant choisis sont figés sur
le bénévole, indépendamment d'une modification ultérieure de la config.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

frontend/src/api/http-client.ts

@@ -14,6 +14,8 @@ import type {
   DayPartUpdate,
   EditionUpdate,
   FormFieldsSet,
+  FormPaymentOptionCreate,
+  FormPaymentOptionUpdate,
   FormTemplateUpdate,
   ImportMapping,
   LoginRequest,
@@ -296,6 +298,7 @@ export function createHttpApi(baseUrl: string): PlanningApi {
         if (body.willing_to_pay_fee !== undefined) {
           form.append('willing_to_pay_fee', String(body.willing_to_pay_fee));
         }
+        if (body.payment_option_id) form.append('payment_option_id', body.payment_option_id);
         if (body.position_wish_ids) {
           form.append('position_wish_ids', JSON.stringify(body.position_wish_ids));
         }
@@ -305,6 +308,21 @@ export function createHttpApi(baseUrl: string): PlanningApi {
         if (body.photo) form.append('photo', body.photo);
         return request(`${base(editionId)}/form/public/submit`, { method: 'POST', body: form });
       },
+      paymentOptions: {
+        list: (editionId) => request(`${base(editionId)}/form/payment-options`),
+        create: (editionId, body: FormPaymentOptionCreate) =>
+          request(`${base(editionId)}/form/payment-options`, {
+            method: 'POST',
+            body: JSON.stringify(body),
+          }),
+        update: (editionId, id, body: FormPaymentOptionUpdate) =>
+          request(`${base(editionId)}/form/payment-options/${id}`, {
+            method: 'PATCH',
+            body: JSON.stringify(body),
+          }),
+        remove: (editionId, id) =>
+          request(`${base(editionId)}/form/payment-options/${id}`, { method: 'DELETE' }),
+      },
     },
     positionSheets: {
       generate: async (editionId, body: PositionSheetsRequest) => {