Уведомления: persistent + live (push-to-invalidate → pull)

Новая система уведомлений поверх готовой SSE-шины: события пишутся в БД,
живут 72 часа и чистятся (при чтении списка + фоновой задачей), всплывают
сверху экрана в момент прихода, доступны через колокольчик в правом верхнем
углу (бейдж непрочитанных + панель).

Типы: приглашение в группу (→ /group), старт/финиш партии участникам кроме
инициатора (→ /match/{id}). Титулы — готовый хелпер-задел (не подключён, т.к.
выдача титулов игрокам ещё не реализована).

Бэкенд: модель Notification + миграция 0008 (идемпотентная), notification_service,
notify.notifications_changed, роутер /api/notifications (GET + /read), триггеры
в groups/matches, фоновая чистка в lifespan, защита hub.publish от закрытого loop.
Фронт: useNotifications/useMarkNotificationsRead, NotificationBell/Panel/Toaster,
перекомпоновка top-bar, стили; useServerEvents знает тип notifications.

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

frontend/src/hooks/notifications.ts

@@ -0,0 +1,25 @@
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+
+import { api, unwrap } from "../api/client";
+import { qk } from "../api/queryKeys";
+import type { components } from "../api/schema";
+
+export type Notification = components["schemas"]["NotificationRead"];
+
+export function useNotifications(enabled: boolean) {
+  return useQuery({
+    queryKey: qk.notifications,
+    queryFn: async () => unwrap(await api.GET("/api/notifications")),
+    enabled,
+  });
+}
+
+export function useMarkNotificationsRead() {
+  const qc = useQueryClient();
+  return useMutation({
+    // ids не задаём → сервер отметит прочитанными все непрочитанные.
+    mutationFn: async (ids?: number[]) =>
+      unwrap(await api.POST("/api/notifications/read", { body: { ids: ids ?? null } })),
+    onSuccess: () => qc.invalidateQueries({ queryKey: qk.notifications }),
+  });
+}