Potwierdzenia operacji jako okno panelu, nie okno przegladarki

Panel pytal o potwierdzenie natywnym `window.confirm`. Takie okno wyglada
inaczej w kazdej przegladarce i w kazdym systemie, wyskakuje przy gornej
krawedzi zamiast na srodku i pokazuje nad trescia adres domeny ("Komunikat
ze strony ..."). W panelu, ktory poza tym jest spojnym interfejsem, czyta sie
to jak blad strony, a nie jak pytanie aplikacji.

CLAUDE.md wymagalo juz, zeby kazde okno modalne uzywalo komponentu `Modal`,
i tlumaczylo przy otwartym mikrofonie, dlaczego nie `window.confirm`. Regula
obowiazywala w jednym miejscu, a w 42 innych nie.

HOOK, A NIE OKNO W KAZDYM MIEJSCU Z OSOBNA
Potwierdzen jest ponad czterdziesci. Wlasny stan i wlasny `Modal` do kazdego
oznaczalyby kilkanascie linii na jedno pytanie i te sama pewnosc, ze predzej
czy pozniej ktores bedzie wygladalo inaczej. `useConfirm` oddaje funkcje
o ksztalcie zblizonym do `confirm`, wiec zamiana jest jednolinijkowa. Wynik
przychodzi obietnica, bo okno musi sie najpierw wyrenderowac.

TRESC MOWI, CO SIE STANIE
Przy okazji poprawione komunikaty: zamiast "Czy na pewno?" pytania nazywaja
obiekt i skutek. Plik zniknie ze skladu instancji, odbiorca straci dostep do
API, razem z banerem przepadnie jego statystyka wraz z liczbami. Etykieta
przycisku nazywa czynnosc ("Usun nagranie"), a nie mowi "OK".

NIEODWRACALNE WYROZNIONE, ODWRACALNE NIE
`destructive` daje czerwony przycisk i ostrzezenie "Tej operacji nie da sie
cofnac". Odwolanie webinaru i dezaktywacja konta go NIE dostaja: sa
odwracalne, a straszenie tam, gdzie nic nie przepada, rozmydla sygnal tam,
gdzie strata jest prawdziwa. Zgodnie z reguła, ze usuniecie webinaru ma
podpowiadac odwolanie jako lagodniejsza alternatywe.

Sprawdzone `npx tsc -b --force` (pelne typowanie bez cache) i `npm run build`.
Przy okazji poprawione dwa em dash sprzed tej zmiany, w `ApiKeyListPage`
i `ProviderPicker`.

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

frontend/src/pages/webinars/ReminderSection.tsx

@@ -2,6 +2,7 @@ import { useState } from 'react'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { client, errorMessage } from '../../api/client'
 import type { NotificationChannel, ReminderRule } from '../../api/types'
+import { useConfirm } from '../../components/Confirm'
 import { useToasts } from '../../components/Toasts'
 import { Badge, Button, Card, ErrorState, Input, Select, Spinner } from '../../components/ui'
 import { formatWithZone } from '../../lib/dates'
@@ -10,6 +11,7 @@ import { describeOffset, REMINDER_PRESETS as PRESETS } from '../../lib/reminders
 export function ReminderSection({ webinarId, timezone }: { webinarId: number; timezone: string }) {
   const queryClient = useQueryClient()
   const toasts = useToasts()
+  const confirm = useConfirm()
   const [offset, setOffset] = useState('1440')
   const [channel, setChannel] = useState<NotificationChannel>('EMAIL')
 
@@ -120,13 +122,26 @@ export function ReminderSection({ webinarId, timezone }: { webinarId: number; ti
                     type="button"
                     variant="ghost"
                     icon="trash"
-                    onClick={() => {
-                      const extra = rule.alreadySent
-                        ? '\n\nZ tej reguły wysłano już wiadomości. Historia wysyłek zostanie usunięta.'
-                        : ''
-                      if (window.confirm(`Usunąć regułę "${describeOffset(rule.offsetMinutes)}"?${extra}`)) {
-                        remove.mutate(rule.id)
-                      }
+                    onClick={async () => {
+                      const ok = await confirm({
+                        title: 'Usunąć regułę przypomnienia?',
+                        message: (
+                          <>
+                            Przypomnienie <strong>{describeOffset(rule.offsetMinutes)}</strong>{' '}
+                            przestanie być wysyłane uczestnikom tego webinaru.
+                            {rule.alreadySent && (
+                              <>
+                                {' '}
+                                Z tej reguły wysłano już wiadomości, więc historia wysyłek
+                                zostanie usunięta razem z nią.
+                              </>
+                            )}
+                          </>
+                        ),
+                        confirmLabel: 'Usuń regułę',
+                        destructive: true,
+                      })
+                      if (ok) remove.mutate(rule.id)
                     }}
                     className="shrink-0 text-alarm-600 hover:bg-alarm-50"
                     title="Usuń regułę"