Add niche admin + public expansions + self-host Nunito font (batches 3-4)

Built via two more parallel agent workflows (read schema -> return files),
integrated + verified.

Admin: /admin/emulator (emulator_settings + emulator_texts key/value editor),
/admin/badges (give-badge via RCON), /admin/rare-values (CRUD), /admin/housekeeping
(CRUD), /admin/email-templates (CRUD), /admin/photos (moderation).
Public: /rares (+[category]), /leaderboard (credits/diamonds/duckets),
/guilds (+[id] members), /redeem (voucher -> sendCurrency).
Expanded: /u/[username] now shows badges + photos + guestbook (post form);
/news/[slug] now shows reactions + comments (comment form). Reactions tallied
in JS (Prisma groupBy typing avoided).
Self-hosted Nunito via next/font/google wired to --font-nunito (the atom theme
font, no runtime external fetch). Header + admin nav extended.

Verified: tsc exit 0, vitest 48/48, next build exit 0.

src/app/leaderboard/page.tsx

@@ -0,0 +1,155 @@
+import Link from "next/link";
+import { avatarImageUrl } from "@/lib/format";
+import { prisma } from "@/lib/prisma";
+import { siteSettings } from "@/lib/services/site-settings";
+
+export const dynamic = "force-dynamic";
+
+// AtomCMS-faithful currency type ids (see prisma/schema.prisma UsersCurrency):
+//   Credits = -1 (lives on users.credits), Duckets = 0, Diamonds = 5.
+const TABS = [
+  { key: "credits", label: "Credits", coin: "credits" },
+  { key: "diamonds", label: "Diamonds", coin: "diamonds" },
+  { key: "duckets", label: "Duckets", coin: "duckets" },
+] as const;
+
+type TabKey = (typeof TABS)[number]["key"];
+
+const CURRENCY_TYPE: Record<Exclude<TabKey, "credits">, number> = {
+  diamonds: 5,
+  duckets: 0,
+};
+
+type Row = { username: string; look: string; value: number };
+
+async function loadCreditsRows(): Promise<Row[]> {
+  try {
+    const users = await prisma.user.findMany({
+      orderBy: { credits: "desc" },
+      take: 20,
+      select: { username: true, look: true, credits: true },
+    });
+    return users.map((u) => ({ username: u.username, look: u.look, value: u.credits }));
+  } catch {
+    return [];
+  }
+}
+
+async function loadCurrencyRows(type: number): Promise<Row[]> {
+  try {
+    const top = await prisma.usersCurrency.findMany({
+      where: { type },
+      orderBy: { amount: "desc" },
+      take: 20,
+      select: { userId: true, amount: true },
+    });
+    if (top.length === 0) return [];
+
+    const users = await prisma.user.findMany({
+      where: { id: { in: top.map((t) => t.userId) } },
+      select: { id: true, username: true, look: true },
+    });
+    const byId = new Map(users.map((u) => [u.id, u]));
+
+    return top
+      .map((t) => {
+        const u = byId.get(t.userId);
+        if (!u) return null;
+        return { username: u.username, look: u.look, value: t.amount };
+      })
+      .filter((r): r is Row => r !== null);
+  } catch {
+    return [];
+  }
+}
+
+export default async function LeaderboardPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ type?: string }>;
+}) {
+  const { type } = await searchParams;
+  const active: TabKey = TABS.some((t) => t.key === type) ? (type as TabKey) : "credits";
+  const activeTab = TABS.find((t) => t.key === active)!;
+
+  const [rows, imagerBase] = await Promise.all([
+    active === "credits"
+      ? loadCreditsRows()
+      : loadCurrencyRows(CURRENCY_TYPE[active as Exclude<TabKey, "credits">]),
+    siteSettings.get("habbo_imaging_url", "https://www.habbo.com/habbo-imaging/avatarimage"),
+  ]);
+
+  return (
+    <main>
+      <h1>Leaderboard</h1>
+      <p className="muted" style={{ marginTop: 0 }}>
+        Top 20 players by {activeTab.label.toLowerCase()}.
+      </p>
+
+      <div className="nav" style={{ gap: "0.5rem", marginBottom: "1.25rem" }}>
+        {TABS.map((t) => (
+          <Link
+            key={t.key}
+            href={`/leaderboard?type=${t.key}`}
+            className={`btn ${t.key === active ? "btn-primary" : "btn-outline"}`}
+          >
+            {t.label}
+          </Link>
+        ))}
+      </div>
+
+      <div className="card">
+        {rows.length === 0 ? (
+          <p className="muted" style={{ margin: 0 }}>
+            No rankings to show yet.
+          </p>
+        ) : (
+          <table>
+            <thead>
+              <tr>
+                <th style={{ width: "3rem" }}>#</th>
+                <th style={{ width: "3.5rem" }}>Avatar</th>
+                <th>Player</th>
+                <th style={{ textAlign: "right" }}>{activeTab.label}</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.map((row, i) => {
+                const avatar = avatarImageUrl(imagerBase ?? "", row.look, {
+                  size: "s",
+                  headOnly: true,
+                });
+                return (
+                  <tr key={`${row.username}-${i}`}>
+                    <td style={{ fontWeight: 800 }}>{i + 1}</td>
+                    <td>
+                      {/* eslint-disable-next-line @next/next/no-img-element */}
+                      <img
+                        className="avatar"
+                        src={avatar}
+                        alt={`${row.username} avatar`}
+                        width={40}
+                        height={40}
+                      />
+                    </td>
+                    <td>
+                      <Link href={`/u/${encodeURIComponent(row.username)}`} style={{ fontWeight: 700 }}>
+                        {row.username}
+                      </Link>
+                    </td>
+                    <td style={{ textAlign: "right" }}>
+                      <span className="currency" style={{ display: "inline-flex" }}>
+                        <span className={`coin ${activeTab.coin}`} />
+                        {row.value.toLocaleString()}
+                      </span>
+                    </td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        )}
+      </div>
+    </main>
+  );
+}