Уведомления: 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/components/AppShell.tsx

@@ -3,6 +3,8 @@ import { Outlet, useLocation, useNavigate } from "react-router-dom";
 import { useMe } from "../hooks/auth";
 import { useServerEvents } from "../hooks/useServerEvents";
 import { BottomBar } from "./BottomBar";
+import { NotificationBell } from "./NotificationBell";
+import { NotificationToaster } from "./NotificationToaster";
 
 const TITLES: Record<string, string> = {
   "/": "Forbidden Stars",
@@ -26,16 +28,23 @@ export function AppShell() {
   return (
     <div className="app-shell">
       <header className="top-bar">
-        {isHome ? (
-          <span className="title">{title}</span>
-        ) : (
-          <button className="btn btn-ghost" onClick={() => navigate(-1)}>
-            ← Назад
-          </button>
-        )}
-        <span className="title small muted">{!isHome ? title : ""}</span>
+        <div className="top-bar-left">
+          {isHome ? (
+            <span className="title">{title}</span>
+          ) : (
+            <button className="btn btn-ghost" onClick={() => navigate(-1)}>
+              ← Назад
+            </button>
+          )}
+        </div>
+        <span className="title small muted top-bar-center">{!isHome ? title : ""}</span>
+        <div className="top-bar-right">
+          <NotificationBell enabled={!!me} />
+        </div>
       </header>
 
+      <NotificationToaster enabled={!!me} />
+
       <main className="app-main">
         <Outlet />
       </main>