Verwaltungsseite perfektioniert: Team-Verwaltung für Modis/Scouts/Creator/Manager

Nutzer-Wunsch 21.08.2026: "überall wo Modis sind oder Scouts oder
Manager, oder Creator, will ich dass ich die easy über meine
Verwaltungsseite hinzufüge und die automatisch in der Website
hinzugefügt werden ... auch mit Fotos und TikTok Link."

Backend (server-internal, braucht Filipes manuellen Deploy):
- Neue Tabelle team_members (Migration 0007) für alle vier Kategorien
  gemeinsam -- ergänzt, überschreibt NIE die von Hand gepflegten
  Einträge in data-modis.js/data-scouts.js/data-creator.js.
- routes/team.js: öffentliches Lesen (nur aktive Mitglieder, optional
  nach Kategorie gefiltert), TEAM_MANAGE-geschütztes Anlegen/Bearbeiten/
  Löschen, Foto-Upload (gleiches Muster wie "Event des Jahres"),
  automatische Übersetzung von Rolle/Bio/Zitat wie bei anderen
  admin-gepflegten Texten. Slug global eindeutig (mit automatischer
  Kollisionsauflösung), TikTok-Kurzname wird zu voller URL ergänzt.
  27 Tests in isolierter Testumgebung geprüft (kein better-sqlite3
  lokal kompilierbar).

Frontend:
- window.dogiTeamLaden() in main.js: holt admin-gepflegte Mitglieder
  einer (oder aller) Kategorien und bringt sie in exakt dieselbe Form
  wie die bestehenden data-*.js-Einträge.
- team-scouts.html/team-modis.html/creator.html hängen das Ergebnis
  einfach an ihre bestehenden Arrays an und rendern erneut -- exakt
  derselbe Look wie die schon bestehenden Profile (Foto/Avatar-Initiale,
  Rolle, Zitat, TikTok-Button). creator.html hatte bisher ein "return"
  bei leerem CREATORS-Array, wodurch admin-Creator NIE geladen worden
  wären -- gefixt. team-modis.html berücksichtigt Rang/Rang-Bezeichnung
  für die Pyramide.
- Neue Sektion "Weitere Manager" auf manager.html, komplett unsichtbar
  bis der erste Manager angelegt wird (data-manager.js neu, wie
  data-creator.js aktuell leer).
- profil.html sucht jetzt kategorieübergreifend auch in admin-gepflegten
  Profilen, inkl. korrektem Theme/Zurück-Link auch für Manager.

Verwaltung: neue Sektion "Team verwalten" (TEAM_MANAGE-Berechtigung) --
ein Formular für alle vier Kategorien mit Foto-Sofort-Upload,
TikTok-Feld, Bio/Zitat, bedingten Rang-Feldern (nur Modi), Kategorie-
Filterleiste und Bearbeiten/Löschen pro Eintrag.

Beim Testen mit Playwright einen echten Syntaxfehler gefunden und
gefixt (ASCII-Anführungszeichen statt schließendem „" in einem
Statustext), der das GESAMTE Verwaltungs-Skript und damit die komplette
Seite lahmgelegt hätte.

Cache-Busting-Version auf 20260821j erhöht.

Co-Authored-By: Claude Sonnet 5 <[email protected]>

creator.html

@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Content Creator, die Teil von DogFather / Spicy Media sind." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260821i" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821i" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821i" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821i" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260821j" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821j" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821j" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821j" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-creator.jpg');--page-bg-mobile:url('/assets/img/bg-creator-mobile.jpg');">
 <div id="site-header"></div>
@@ -49,6 +49,7 @@
         <span data-i18n="crt_empty">Noch keine Creator-Profile veröffentlicht — bald verfügbar. 🩵</span>
         <span data-i18n="crt_filter_alle">alle</span>
         <span data-i18n="crt_profil_btn">Profil ansehen</span>
+        <span data-i18n="crt_kategorie_sonstige">Sonstige</span>
       </div>
       <!-- TODO: Noch keine Creator-Profile final geklärt. Sobald Namen/Infos feststehen, in assets/js/data-creator.js ergänzen — diese Seite rendert automatisch. -->
       <div class="btn-row" style="justify-content:center;">
@@ -59,14 +60,26 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-creator.js?v=20260821i"></script>
-<script src="assets/js/i18n-creator.js?v=20260821i"></script>
-<script src="assets/js/main.js?v=20260821i"></script>
+<script src="assets/js/data-creator.js?v=20260821j"></script>
+<script src="assets/js/i18n-creator.js?v=20260821j"></script>
+<script src="assets/js/main.js?v=20260821j"></script>
 <script>
-document.addEventListener("DOMContentLoaded", () => {
+document.addEventListener("DOMContentLoaded", async () => {
   const grid = document.getElementById("creator-grid");
   const filterBar = document.getElementById("creator-filters");
-  const list = window.CREATORS || [];
+  let list = window.CREATORS || [];
+
+  // 21.08.2026: über die Verwaltung angelegte Creator ergänzen, BEVOR
+  // entschieden wird, ob die Seite "leer" ist (Nutzer-Wunsch "überall wo
+  // ... Creator ... sind, will ich dass ich die easy über meine
+  // Verwaltungsseite hinzufüge"). Vorher gab es direkt darunter ein
+  // "return", sobald window.CREATORS leer war (bisher der Normalfall, da
+  // noch keine echten Creator-Profile feststehen) -- dadurch wären
+  // admin-gepflegte Creator NIE geladen worden.
+  if (window.dogiTeamLaden) {
+    const neue = await window.dogiTeamLaden("creator");
+    if (neue.length) list = [...list, ...neue];
+  }
 
   // Texte fürs JS-generierte Grid/Filter kommen aus den versteckten
   // data-i18n-Elementen oben — main.js übersetzt sie ganz normal (auch bei
@@ -88,6 +101,11 @@ document.addEventListener("DOMContentLoaded", () => {
     return;
   }
 
+  // 21.08.2026: über die Verwaltung angelegte Creator haben (noch) kein
+  // eigenes Genre-Feld (category) -- ohne diesen Fallback würde die
+  // Filterleiste einen kaputten "undefined"-Knopf zeigen.
+  list = list.map((c) => (c.category ? c : { ...c, category: uebersetzen("crt_kategorie_sonstige") }));
+
   const categories = ["alle", ...new Set(list.map((c) => c.category))];
   let aktiverFilter = "alle";