Config statt Setup: Bereiche gruppiert, Suche, Status als Einstieg

Die Seite hieß Setup und listete 15 Bereiche flach untereinander. Wer
nicht wusste, dass Geburtstage unter „Community" stecken und Willkommens-
Texte unter „Support", hat geklickt bis er es fand.

Die Seitenleiste gruppiert jetzt nach Überblick, Auftritt, Inhalte,
Community, Technik und Zugang. Darüber steht ein Suchfeld, das nicht nur
Beschriftungen durchsucht, sondern auch Stichwörter je Bereich — „geburtstag"
führt zu Community, „ticket" zu Support. Enter springt zum ersten Treffer.

Der aktive Bereich steht in der Adresse (/settings#texte). Damit überlebt er
das Neuladen, und man kann jemandem einen Link auf genau die Stelle schicken.

Der Status-Bereich war die leerste Seite im ganzen Panel: sechs Zahlen. Er ist
jetzt der Einstieg und beantwortet die Frage, die man beim Öffnen wirklich hat
— was läuft noch nicht? Eingeschaltete Module, denen ein Kanal oder eine Rolle
fehlt, stehen dort mit einem Knopf, der direkt an die richtige Stelle springt.
Ist alles eingerichtet, sagt die Seite genau das.

Umbenannt in „Config", weil „Setup" nach einmaliger Einrichtung klingt — die
Seite ist aber der Ort, an dem man dauerhaft alles einstellt.

Schmale Bildschirme: die Leiste wird zur umbrechenden Zeile ohne
Gruppen-Überschriften, das Suchfeld nimmt die volle Breite.

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

frontend/src/style.css

@@ -635,9 +635,59 @@ a.sha:hover { border-color: var(--neon); background: rgba(245, 197, 24, .07); }
     gap: .25rem;
     position: sticky;
     top: 5rem;
-    min-width: 11rem;
+    width: 12.5rem;
     flex-shrink: 0;
+    /* Bei 15 Bereichen wird die Leiste höher als der Bildschirm — dann scrollt sie selbst */
+    max-height: calc(100vh - 6.5rem);
+    overflow-y: auto;
+    padding-right: .3rem;
 }
+.settings-nav::-webkit-scrollbar { width: 5px; }
+.settings-nav::-webkit-scrollbar-thumb { background: var(--border); border-radius: 99px; }
+
+/* Suche über den Bereichen */
+.settings-search {
+    display: flex; align-items: center; gap: .5rem;
+    background: var(--bg2); border: 1px solid var(--border);
+    border-radius: 9px; padding: .45rem .6rem;
+    margin-bottom: .5rem; color: var(--muted2);
+    transition: border-color .15s;
+}
+.settings-search:focus-within { border-color: var(--neon); }
+.settings-search input {
+    flex: 1; min-width: 0;
+    background: none; border: 0; outline: none; padding: 0;
+    font-family: var(--mono); font-size: .72rem; letter-spacing: .08em;
+    color: var(--text);
+}
+.settings-search input::placeholder { color: var(--muted2); letter-spacing: .12em; }
+.settings-search-clear {
+    background: none; border: 0; padding: 0; display: inline-flex;
+    color: var(--muted2); cursor: pointer;
+}
+.settings-search-clear:hover { color: var(--neon); }
+
+/* Bereichs-Gruppen */
+.settings-nav-group { display: flex; flex-direction: column; gap: .2rem; margin-bottom: .7rem; }
+.settings-nav-label {
+    font-family: var(--mono);
+    font-size: .55rem; letter-spacing: .22em; text-transform: uppercase;
+    color: var(--muted2);
+    padding: .3rem .9rem .25rem;
+}
+.settings-nav-empty {
+    font-family: var(--mono); font-size: .66rem; letter-spacing: .1em;
+    color: var(--muted2); padding: .6rem .9rem;
+}
+
+/* Status-Seite: „Noch einzurichten" */
+.stat-of { color: var(--muted2); font-size: .6em; }
+.todo-missing {
+    font-family: var(--mono); font-size: .62rem;
+    letter-spacing: .1em; text-transform: uppercase;
+    color: var(--neon2); flex: 1;
+}
+.todo-done { color: var(--success); }
 .settings-nav-item {
     display: flex; align-items: center; gap: .7rem;
     font-family: var(--mono);
@@ -712,15 +762,21 @@ a.sha:hover { border-color: var(--neon); background: rgba(245, 197, 24, .07); }
 
 @media (max-width: 760px) {
     .settings-layout { flex-direction: column; }
+    /* Schmal wird aus der Leiste eine Zeile: Suche oben, Bereiche daneben scrollend.
+       Die Gruppen-Überschriften fallen weg — waagerecht bringen sie nichts. */
     .settings-nav {
         position: static;
         flex-direction: row;
-        overflow-x: auto;
+        flex-wrap: wrap;
+        overflow: visible;
+        max-height: none;
         width: 100%;
-        min-width: 0;
         gap: .35rem;
-        padding-bottom: .35rem;
+        padding: 0 0 .35rem;
     }
+    .settings-search { width: 100%; margin-bottom: .2rem; }
+    .settings-nav-group { flex-direction: row; flex-wrap: wrap; margin-bottom: 0; gap: .35rem; }
+    .settings-nav-label { display: none; }
     .settings-nav-item {
         border-left: none;
         border-bottom: 2px solid transparent;