Adapt + improve all admin pages to the new design system

Swept the whole housekeeping panel (34 pages) so it's a consistent,
improved adaptation of the old Filament admin rather than bare tables:
- Live status tiles (StatusCard) summarising each page's data — counts
  and stateful metrics (users online, active/permanent bans, pending
  applications, settings, radio shouts, etc.).
- Status pills (admin-badge ok/danger) replacing ad-hoc text: online/
  offline, account/ip ban types, permanent vs timed, command OK/FAIL,
  alert severity & read/new, enabled/disabled, open/closed.
- Sections wrapped in .admin-section with h2 headers; redundant inline
  table styling removed (the global .admin layer handles it).
- alerts/logs/emulator hand-built as the reference pattern; the rest
  via parallel agents that read the schema and preserved every server
  action, query and field name.

Behaviour unchanged (same actions, queries, field names). Verified in a
real authed admin session (prod, amx_test): pages render with live data
(Users tiles show 7 real accounts + online/offline pills), no errors.
tsc 0, vitest 49/49, next build 0.

src/app/admin/alerts/page.tsx

@@ -1,8 +1,12 @@
 import { sendHotelAlert } from "@/actions/admin-alerts";
+import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
 
+const CRITICAL = new Set(["critical", "error", "danger"]);
+const WARNING = new Set(["warning", "warn"]);
+
 // Read-only feed of alert_logs (prisma.alertLogs delegate): the emulator and
 // CMS write rows here when hotel/user alerts fire. Auto-gated by the admin
 // layout (requireStaff); only the mutation re-asserts staff in the action.
@@ -64,6 +68,10 @@ export default async function AdminAlerts() {
     alerts = [];
   }
 
+  const critical = alerts.filter((a) => CRITICAL.has((a.severity || "").toLowerCase())).length;
+  const warnings = alerts.filter((a) => WARNING.has((a.severity || "").toLowerCase())).length;
+  const unread = alerts.filter((a) => !a.isRead).length;
+
   return (
     <main>
       <h1>Alerts</h1>
@@ -71,6 +79,28 @@ export default async function AdminAlerts() {
         Read-only · 100 most recent alert_logs (newest first).
       </p>
 
+      <div className="admin-stats">
+        <StatusCard label="Alerts shown" value={alerts.length} icon="🔔" />
+        <StatusCard
+          label="Critical"
+          value={critical}
+          state={critical > 0 ? "danger" : "ok"}
+          icon="🚨"
+        />
+        <StatusCard
+          label="Warnings"
+          value={warnings}
+          state={warnings > 0 ? "warn" : "neutral"}
+          icon="⚠️"
+        />
+        <StatusCard
+          label="Unread"
+          value={unread}
+          state={unread > 0 ? "warn" : "ok"}
+          icon="📨"
+        />
+      </div>
+
       <form action={sendHotelAlert} className="card" style={{ marginBottom: "1.5rem" }}>
         <h3 style={{ marginTop: 0 }}>Send hotel alert</h3>
         <p className="muted" style={{ margin: "0 0 0.75rem" }}>