Add remaining public + admin pages (parallel build, 26 files)

Built via two parallel agent workflows reading the real Prisma schema, then
integrated + verified.

Public: /shop (categories + storefront), /community hub, /rankings (top by
credits), /staff, /photos (camera_web gallery), /help (categories + rules),
/help/tickets (auth-gated user tickets + create), /settings (auth-gated, update
motto via RCON).

Admin: /admin/catalog (+[id] items), /admin/radio (shouts/apps/schedules +
delete shout), /admin/teams (CRUD), /admin/permissions (read), /admin/wordfilter
(CRUD + RCON push), /admin/ip (whitelist/blacklist CRUD), /admin/applications
(list + dismiss), /admin/logs (chat/command/alert read), /admin/achievements
(read). Server actions all staff-gated.

Header + admin nav extended. Verified: tsc exit 0, vitest 48/48, next build
exit 0 (33 routes); curl-probed every route — public 200/<main>, auth+admin
correctly 307-redirect when unauthorized.

src/app/admin/teams/page.tsx

@@ -0,0 +1,129 @@
+import { createTeam, deleteTeam } from "@/actions/admin-teams";
+import { prisma } from "@/lib/prisma";
+
+export const dynamic = "force-dynamic";
+
+type TeamRow = {
+  id: bigint;
+  rankName: string;
+  badge: string | null;
+  jobDescription: string | null;
+  staffColor: string;
+  hiddenRank: boolean;
+};
+
+export default async function AdminTeams() {
+  let teams: TeamRow[] = [];
+  try {
+    teams = await prisma.websiteTeams.findMany({
+      select: {
+        id: true,
+        rankName: true,
+        badge: true,
+        jobDescription: true,
+        staffColor: true,
+        hiddenRank: true,
+      },
+      orderBy: { id: "asc" },
+    });
+  } catch {
+    teams = [];
+  }
+
+  return (
+    <main>
+      <h1>Teams</h1>
+
+      <div className="card" style={{ marginBottom: "1.25rem" }}>
+        <h3 style={{ marginTop: 0 }}>New team rank</h3>
+        <form action={createTeam} style={{ display: "grid", gap: "0.6rem" }}>
+          <div className="grid cols-2">
+            <label style={{ display: "grid", gap: "0.25rem" }}>
+              <span className="muted">Rank name</span>
+              <input name="rankName" placeholder="e.g. Moderator" required />
+            </label>
+            <label style={{ display: "grid", gap: "0.25rem" }}>
+              <span className="muted">Badge code</span>
+              <input name="badge" placeholder="e.g. ADM" />
+            </label>
+            <label style={{ display: "grid", gap: "0.25rem" }}>
+              <span className="muted">Job description</span>
+              <input name="jobDescription" placeholder="Short description" />
+            </label>
+            <label style={{ display: "grid", gap: "0.25rem" }}>
+              <span className="muted">Staff color</span>
+              <input name="staffColor" defaultValue="#327fa8" placeholder="#327fa8" />
+            </label>
+          </div>
+          <label style={{ display: "flex", alignItems: "center", gap: "0.4rem" }}>
+            <input type="checkbox" name="hiddenRank" style={{ width: "auto" }} />
+            <span className="muted">Hidden rank</span>
+          </label>
+          <div>
+            <button type="submit" className="btn btn-primary">
+              Create team
+            </button>
+          </div>
+        </form>
+      </div>
+
+      {teams.length === 0 ? (
+        <p className="muted">No teams yet.</p>
+      ) : (
+        <table>
+          <thead>
+            <tr>
+              <th>ID</th>
+              <th>Rank name</th>
+              <th>Badge</th>
+              <th>Job description</th>
+              <th>Color</th>
+              <th>Hidden</th>
+              <th></th>
+            </tr>
+          </thead>
+          <tbody>
+            {teams.map((t) => (
+              <tr key={String(t.id)}>
+                <td>{String(t.id)}</td>
+                <td>{t.rankName}</td>
+                <td className="muted">{t.badge ?? "—"}</td>
+                <td className="muted">{t.jobDescription ?? "—"}</td>
+                <td>
+                  <span
+                    style={{
+                      display: "inline-flex",
+                      alignItems: "center",
+                      gap: "0.4rem",
+                    }}
+                  >
+                    <span
+                      aria-hidden
+                      style={{
+                        width: 14,
+                        height: 14,
+                        borderRadius: 4,
+                        border: "1px solid var(--border-color)",
+                        background: t.staffColor,
+                      }}
+                    />
+                    {t.staffColor}
+                  </span>
+                </td>
+                <td className="muted">{t.hiddenRank ? "Yes" : "No"}</td>
+                <td>
+                  <form action={deleteTeam}>
+                    <input type="hidden" name="id" value={String(t.id)} />
+                    <button type="submit" className="btn btn-danger">
+                      Delete
+                    </button>
+                  </form>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </main>
+  );
+}