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/logs/page.tsx

@@ -1,7 +1,10 @@
+import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
 
+const CRITICAL = new Set(["critical", "error", "danger"]);
+
 // chatlogs_room and commandlogs are @@ignore'd in the schema (no PK), so Prisma
 // generates no delegate for them — they are read via $queryRaw against the real
 // emulator columns. alert_logs has a proper delegate (prisma.alertLogs).
@@ -76,6 +79,12 @@ export default async function AdminLogs() {
         Read-only · 50 most recent of each.
       </p>
 
+      <div className="admin-stats">
+        <StatusCard label="Room chat" value={chatlogs.length} icon="💬" />
+        <StatusCard label="Commands" value={commandlogs.length} icon="⌨️" />
+        <StatusCard label="Alerts" value={alertLogs.length} icon="🔔" />
+      </div>
+
       <section className="card" style={{ marginBottom: "1.5rem" }}>
         <h3 style={{ marginTop: 0 }}>Room chat ({chatlogs.length})</h3>
         {chatlogs.length === 0 ? (
@@ -131,7 +140,11 @@ export default async function AdminLogs() {
                     <td>{String(c.user_id)}</td>
                     <td>{c.command}</td>
                     <td className="muted">{c.params}</td>
-                    <td>{c.succes === "yes" ? "✓" : "✗"}</td>
+                    <td>
+                      <span className={`admin-badge ${c.succes === "yes" ? "ok" : "danger"}`}>
+                        {c.succes === "yes" ? "OK" : "FAIL"}
+                      </span>
+                    </td>
                   </tr>
                 ))}
               </tbody>
@@ -161,9 +174,19 @@ export default async function AdminLogs() {
                   <tr key={String(a.id)}>
                     <td className="muted">{fromDate(a.createdAt)}</td>
                     <td>{a.type}</td>
-                    <td>{a.severity}</td>
+                    <td>
+                      <span
+                        className={`admin-badge ${CRITICAL.has((a.severity || "").toLowerCase()) ? "danger" : ""}`}
+                      >
+                        {a.severity || "—"}
+                      </span>
+                    </td>
                     <td>{a.message}</td>
-                    <td>{a.isRead ? "✓" : "○"}</td>
+                    <td>
+                      <span className={`admin-badge ${a.isRead ? "ok" : ""}`}>
+                        {a.isRead ? "read" : "new"}
+                      </span>
+                    </td>
                   </tr>
                 ))}
               </tbody>