Add confirmation prompt for event cancellation and update translations

web/components/events/event-card.tsx

@@ -194,7 +194,11 @@ export function EventCard(props: {
       {user && isCreator && event.status === 'active' && (
         <div className="mt-3 pt-3 border-t border-canvas-200 flex gap-2">
           <button
-            onClick={() => onCancelEvent?.(event.id)}
+            onClick={() => {
+              if (confirm(t('events.cancel_event_confirmation', 'Are you sure you want to cancel this event? This action cannot be undone.'))) {
+                onCancelEvent?.(event.id)
+              }
+            }}
             className="text-red-600 hover:text-red-700 text-sm font-medium"
           >
             {t('events.cancel_event', 'Cancel Event')}

web/messages/de.json

@@ -533,6 +533,7 @@
   "events.not_going": "Nicht gehen",
   "events.cancel_rsvp": "RSVP abbrechen",
   "events.cancel_event": "Event abbrechen",
+  "events.cancel_event_confirmation": "Sind Sie sicher, dass Sie dieses Event abbrechen möchten? Diese Aktion kann nicht rückgängig gemacht werden.",
   "events.edit_event": "Event bearbeiten",
   "events.create_new_event": "Neues Event erstellen",
   "events.update_event": "Event aktualisieren",

web/messages/fr.json

@@ -533,6 +533,7 @@
   "events.not_going": "Annuler",
   "events.cancel_rsvp": "Annuler RSVP",
   "events.cancel_event": "Annuler l'événement",
+  "events.cancel_event_confirmation": "Êtes-vous sûr de vouloir annuler cet événement ? Cette action ne peut pas être annulée.",
   "events.edit_event": "Modifier l'événement",
   "events.create_new_event": "Créer un nouvel événement",
   "events.update_event": "Mettre à jour l'événement",