UX-Paket: Navbar aufgeräumt, /server-Seite, Lightbox, Skeletons, Audit-Log, Reroll

- Navbar entschlackt: nur noch Devlog · Roadmap · Server · Community ·
  Setup; Galerie/Level/Events/Changelog im Community-Dropdown,
  Profil/Commits/Logout im Avatar-Menü; Mobile-Burger mit Drawer
- Öffentliche /server-Seite: Live-Status-Karten mit Spieler-Balken,
  Map, Connect-Button und 24h-Spielerzahl-Chart (SVG); Monitor sampelt
  jede Abfrage in player_history (7 Tage Retention), GET /api/servers
  liefert nur öffentliche Felder (keine Query-URLs/Hosts)
- Lightbox: Galerie- und Devlog-Bilder öffnen im Overlay mit
  Pfeiltasten, Buttons, Wisch-Gesten und Zähler statt neuem Tab
- Skeleton-Loader: schimmernde Platzhalter auf Devlogs, Roadmap,
  Galerie, Level, Changelog und Server statt "Lade …"
- Team-Audit-Log: audit_log-Tabelle (max 500 Einträge), Logging bei
  Settings/Composer/Vorlagen/Rollen-Menüs/Gameservern/Team/API-Keys/
  Branding, GET /api/auditlog (Owner) + Liste im Team-Tab
- Giveaway: 🔁 Reroll-Button (Admin-only) + 👥 Teilnehmerliste am
  Gewinner-Post

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/pages/Roadmap.jsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from 'react';
 import { apiGet, apiPost } from '../api.js';
 import { Markdown } from '../markdown.jsx';
+import { SkeletonCards } from '../components/Skeleton.jsx';
 
 const dueFmt = new Intl.DateTimeFormat('de-DE', { month: 'long', year: 'numeric' });
 
@@ -136,7 +137,7 @@ export default function Roadmap() {
 
             <section className="content">
                 {error && <p className="notice">Roadmap konnte nicht geladen werden.</p>}
-                {!error && !data && <p className="notice">Lade …</p>}
+                {!error && !data && <SkeletonCards n={3} />}
                 {data?.milestones.length === 0 && (
                     <p className="notice">Noch keine Meilensteine angelegt.</p>
                 )}