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

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { StatusCard } from "@/components/admin/dashboard";
 import { prisma } from "@/lib/prisma";
 
 export const dynamic = "force-dynamic";
@@ -39,10 +40,12 @@ export default async function AdminCalendar() {
 
   // Tally reward counts per campaign in JS (avoid prisma.groupBy).
   const rewardCounts = new Map<number, number>();
+  let totalRewards = 0;
   try {
     const rewards = await prisma.calendarRewards.findMany({
       select: { campaignId: true },
     });
+    totalRewards = rewards.length;
     for (const r of rewards) {
       rewardCounts.set(r.campaignId, (rewardCounts.get(r.campaignId) ?? 0) + 1);
     }
@@ -50,19 +53,32 @@ export default async function AdminCalendar() {
     // leave map empty on failure
   }
 
+  const enabledCount = campaigns.filter((c) => c.enabled === "1").length;
+
   return (
     <main>
       <h1>Calendar campaigns</h1>
-      <p className="muted" style={{ marginTop: 0 }}>
+      <p className="muted" style={{ marginTop: "-0.4rem" }}>
         Read-only · {campaigns.length} campaign{campaigns.length === 1 ? "" : "s"}.
       </p>
 
+      <div className="admin-stats">
+        <StatusCard label="Campaigns" value={campaigns.length} icon="📅" />
+        <StatusCard
+          label="Enabled"
+          value={enabledCount}
+          state={enabledCount > 0 ? "ok" : "neutral"}
+          icon="✅"
+        />
+        <StatusCard label="Total rewards" value={totalRewards} icon="🎁" />
+      </div>
+
       {campaigns.length === 0 ? (
         <p className="muted">No calendar campaigns found.</p>
       ) : (
         <div className="grid cols-3">
           {campaigns.map((c) => {
-            const disabled = c.enabled !== "1";
+            const enabled = c.enabled === "1";
             const count = rewardCounts.get(c.id) ?? 0;
             return (
               <Link
@@ -78,14 +94,26 @@ export default async function AdminCalendar() {
                   <div className="article-img" />
                 )}
                 <div className="body">
-                  <h3 style={{ margin: "0 0 0.35rem" }}>{c.name || `Campaign #${c.id}`}</h3>
+                  <div
+                    style={{
+                      display: "flex",
+                      gap: "0.5rem",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      margin: "0 0 0.35rem",
+                    }}
+                  >
+                    <h3 style={{ margin: 0 }}>{c.name || `Campaign #${c.id}`}</h3>
+                    <span className={`admin-badge ${enabled ? "ok" : "danger"}`}>
+                      {enabled ? "enabled" : "disabled"}
+                    </span>
+                  </div>
                   <p className="muted" style={{ margin: 0 }}>
                     #{c.id} · {c.totalDays} day{c.totalDays === 1 ? "" : "s"} · {count} reward
                     {count === 1 ? "" : "s"}
                   </p>
                   <p className="muted" style={{ margin: "0.35rem 0 0" }}>
                     Starts {fmtDate(c.startTimestamp)}
-                    {disabled ? " · Disabled" : ""}
                     {c.lockExpired === "1" ? " · Locks expired" : ""}
                   </p>
                 </div>