feat(calendar): einzelnen Termin aus einer Reihe streichen

Beim Löschen eines Serientermins gibt es jetzt zwei Wege statt einem:
"Nur diesen Termin" und "Ganze Reihe". Das sind zwei verschiedene
Absichten, und sie sind nicht ineinander umkehrbar -- eine einzelne
Ja/Nein-Rückfrage musste sich bisher für eine davon entscheiden, und die
andere war gar nicht erreichbar.

"Nur diesen" wird als EXDATE in der Reihe vermerkt, so wie das
iCalendar-Format eine Ausnahme ausdrückt: Die Reihe behält ihre Regel
und ihre UID, jeder CalDAV-Client versteht es ohne Zutun. Bewusst nicht
über ein Aufspalten in zwei Reihen gelöst -- das änderte die UID, und
alle Geräte hielten den Rest für einen neuen Termin.

Ein zweites Streichen desselben Termins bleibt folgenlos (sonst liefe
die Datei mit der Zeit mit doppelten EXDATE-Zeilen voll), und bei einem
Einzeltermin ohne Wiederholung sind beide Wege dasselbe -- der Server
löscht dann einfach, statt den Aufrufer mit einer Unterscheidung zu
behelligen, die es dort nicht gibt.

Selbsttest um sechs Prüfungen erweitert (25 grün): Reihe steht,
Streichen liefert 204, der gestrichene Termin fehlt und der Rest bleibt,
EXDATE steht im .ics, zweimal Streichen ist harmlos, ganze Reihe löschen
räumt alles weg.

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

frontend/src/pages/CalendarPage.tsx

@@ -8,6 +8,7 @@ import ConfirmDialog from '../components/ConfirmDialog'
 import EventDialog from '../components/calendar/EventDialog'
 import CalendarDialog from '../components/calendar/CalendarDialog'
 import DayDialog, { type DayEvent } from '../components/calendar/DayDialog'
+import DeleteEventDialog from '../components/calendar/DeleteEventDialog'
 import {
   addDays, dayKey, eventDay, isSameDay, spannedDays, startOfDay, startOfMonth, startOfWeek,
 } from '../components/calendar/dates'
@@ -101,7 +102,8 @@ export default function CalendarPage() {
   const [eventDialog, setEventDialog] = useState<{ calId: string; event?: CalendarEvent; start: Date } | null>(null)
   const [calDialog, setCalDialog] = useState<{ calendar?: CalendarItem } | null>(null)
   const [deleteCalendar, setDeleteCalendar] = useState<CalendarItem | null>(null)
-  const [deleteEvent, setDeleteEvent] = useState<{ calId: string; uid: string } | null>(null)
+  const [deleteEvent, setDeleteEvent] = useState<
+    { calId: string; uid: string; summary: string; recurring: boolean; occurrence: string } | null>(null)
 
   const importInputRef = useRef<HTMLInputElement>(null)
   const importTargetRef = useRef<string | null>(null)
@@ -204,10 +206,15 @@ export default function CalendarPage() {
     }
   }
 
-  async function confirmDeleteEvent() {
+  /** `scope: 'single'` streicht nur diesen einen Termin aus der Reihe
+   *  (EXDATE), `'series'` löscht sie ganz. Bei Einzelterminen sind beide
+   *  Wege gleichbedeutend. */
+  async function confirmDeleteEvent(scope: 'single' | 'series') {
     if (!deleteEvent) return
     try {
-      await calendarApi.deleteEvent(deleteEvent.calId, deleteEvent.uid)
+      await calendarApi.deleteEvent(
+        deleteEvent.calId, deleteEvent.uid,
+        scope === 'single' && deleteEvent.recurring ? deleteEvent.occurrence : undefined)
       setDeleteEvent(null)
       setEventDialog(null)
       await refreshEvents()
@@ -428,7 +435,15 @@ export default function CalendarPage() {
           calendars={calendars}
           calendarId={eventDialog.calId}
           onSave={saveEvent}
-          onDelete={eventDialog.event ? () => setDeleteEvent({ calId: eventDialog.calId, uid: eventDialog.event!.uid }) : undefined}
+          onDelete={eventDialog.event ? () => setDeleteEvent({
+            calId: eventDialog.calId,
+            uid: eventDialog.event!.uid,
+            summary: eventDialog.event!.summary,
+            recurring: eventDialog.event!.recurring,
+            // Der angeklickte Einzeltermin – nur er wird gestrichen, wenn
+            // man sich für „nur diesen" entscheidet.
+            occurrence: eventDialog.event!.start,
+          }) : undefined}
           onCancel={() => setEventDialog(null)}
         />
       )}
@@ -445,11 +460,11 @@ export default function CalendarPage() {
         />
       )}
       {deleteEvent && (
-        <ConfirmDialog
-          title="Termin löschen"
-          message="Diesen Termin unwiderruflich löschen? Bei einer Reihe verschwinden alle Termine der Reihe."
-          confirmLabel="Löschen" danger
-          onConfirm={confirmDeleteEvent}
+        <DeleteEventDialog
+          summary={deleteEvent.summary}
+          recurring={deleteEvent.recurring}
+          onSingle={() => confirmDeleteEvent('single')}
+          onSeries={() => confirmDeleteEvent('series')}
           onCancel={() => setDeleteEvent(null)}
         />
       )}