forum: rebrand to The Crew Lounge + scaffold Credits system

UI (targeted edits, no identifier renames):
- forum/layout.tsx: metadata title/OG/twitter/schema.org + breadcrumb name → The Crew Lounge
- forum/page.tsx: H1 + intro copy → The Crew Lounge (swapped 💬 for /logos/crew-lounge-logo.svg)

New assets:
- public/logos/crew-lounge-logo.svg — film-reel + CREW logo, #5B7C8D → #8FB0C3 gradient
- src/components/crew-lounge/CreditsDisplay.tsx — per-category totals + Crew Leader badge
- src/components/crew-lounge/CrewLoungeLogo.tsx — wrapper component

Database (4 new tables on supabase01, all TIMESTAMPTZ, IF NOT EXISTS guards):
- bb.user_credits — per-user/per-category daily credit ledger
- bb.user_credits_totals — cached leaderboard totals
- bb.crew_leader_badges — awarded at 10+ credits/category
- bb.credits_monthly_snapshot — monthly leaderboard captures

Docs:
- docs/guides/FORUM_SETUP_COMPLETE.md — replication guide
- docs/guides/FORUM_SETUP_CHECKLIST.md — per-property checklist

Forum tables (bb.forum_*) and TypeScript identifiers untouched.
Routes (/forum) unchanged — display-name rebrand only.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

public/logos/crew-lounge-logo.svg

@@ -0,0 +1,26 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="100" cy="100" r="98" fill="#0d0d0d" stroke="#5B7C8D" stroke-width="2"/>
+  <defs>
+    <linearGradient id="crewGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#5B7C8D;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#8FB0C3;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <circle cx="100" cy="100" r="75" fill="none" stroke="url(#crewGradient)" stroke-width="3"/>
+  <circle cx="100" cy="100" r="50" fill="none" stroke="url(#crewGradient)" stroke-width="2"/>
+  <g stroke="url(#crewGradient)" stroke-width="2.5">
+    <line x1="100" y1="30" x2="100" y2="50" />
+    <line x1="151.96" y1="50" x2="137.1" y2="62.5" />
+    <line x1="151.96" y1="150" x2="137.1" y2="137.5" />
+    <line x1="100" y1="170" x2="100" y2="150" />
+    <line x1="48.04" y1="150" x2="62.9" y2="137.5" />
+    <line x1="48.04" y1="50" x2="62.9" y2="62.5" />
+  </g>
+  <circle cx="100" cy="100" r="6" fill="url(#crewGradient)"/>
+  <text x="100" y="115" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#8FB0C3" text-anchor="middle" letter-spacing="2">CREW</text>
+  <line x1="75" y1="125" x2="125" y2="125" stroke="url(#crewGradient)" stroke-width="1.5"/>
+  <rect x="25" y="25" width="3" height="8" fill="#5B7C8D"/>
+  <rect x="172" y="25" width="3" height="8" fill="#5B7C8D"/>
+  <rect x="25" y="167" width="3" height="8" fill="#5B7C8D"/>
+  <rect x="172" y="167" width="3" height="8" fill="#5B7C8D"/>
+</svg>