Englisch als zweite Sprache fuer die oeffentlichen Seiten

Hub und Bot-Produktseite lassen sich jetzt auf Englisch umstellen. Die Wahl
haengt am Browser (Deutsch nur, wenn der Browser es will) und bleibt im
localStorage stehen.

- src/i18n.jsx: Context mit t(), tOr(), Datums- und Zahlenformat der Sprache.
  Keine Bibliothek, die Woerterbuecher werden mitgebaut — kein Nachlade-Blitzer.
- Platzhalter im %s-Stil, dieselbe Schreibweise wie in den Bot-Texten.
- Umschalter in der Navigation, zusaetzlich im Schubladen-Menue: .auth ist auf
  schmalen Schirmen ausgeblendet, sonst waere der Wechsel dort unerreichbar.
- Datums- und Zahlenformat folgen mit (31.07.2026 / 31/07/2026, 45.231 / 45,231).
- Die Funktionsliste kommt weiter deutsch vom Server; englische Modulnamen
  liegen unter feat.<id> im Woerterbuch. Fehlt einer, bleibt der Servertext
  stehen — ein neues Modul verschwindet nie von der Seite.

Das Config-Panel und die Discord-Texte bleiben deutsch.

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

frontend/src/pages/BotCommands.jsx

@@ -1,34 +1,37 @@
 // Übersicht aller Slash-Befehle des Bots.
 import { useEffect } from 'react';
 import { IconLock } from '../icons.jsx';
+import { useT } from '../i18n.jsx';
 
+// Befehlsname bleibt wie er ist — nur die Erklärung wird übersetzt.
 const GROUPS = [
-    ['Für alle', [
-        ['/rank', 'Zeigt deinen Rang, deine XP und den Fortschritt zum nächsten Level.'],
-        ['/wunsch idee:…', 'Reicht einen Feature-Wunsch ein — landet im Voting-Kanal und auf der Roadmap.'],
-        ['/bug titel:… beschreibung:…', 'Meldet einen Fehler als Issue im Repository. Wird er geschlossen, bekommst du eine Nachricht.'],
-        ['/geburtstag setzen tag:… monat:…', 'Trägt deinen Geburtstag ein. Der Bot gratuliert morgens und vergibt eine Rolle für den Tag.'],
-        ['/geburtstag entfernen', 'Trägt ihn wieder aus.'],
-        ['/remind dauer:… text:…', 'Erinnert dich per Direktnachricht — etwa „2h" oder „30m".'],
-        ['/tag name:…', 'Ruft einen gespeicherten Textbaustein ab, mit Vorschlägen beim Tippen.'],
-        ['/ping', 'Lebenszeichen des Bots.'],
+    ['commands.g.everyone', false, [
+        ['/rank', 'commands.rank'],
+        ['/wunsch idee:…', 'commands.wunsch'],
+        ['/bug titel:… beschreibung:…', 'commands.bug'],
+        ['/geburtstag setzen tag:… monat:…', 'commands.bdaySet'],
+        ['/geburtstag entfernen', 'commands.bdayDel'],
+        ['/remind dauer:… text:…', 'commands.remind'],
+        ['/tag name:…', 'commands.tag'],
+        ['/ping', 'commands.ping'],
     ]],
-    ['Moderation', [
-        ['/warn user:… grund:…', 'Verwarnt jemanden, schickt eine Nachricht und schreibt es ins Protokoll.'],
-        ['/warns user:…', 'Zeigt die Verwarnungs-Historie.'],
-        ['/timeout user:… dauer:…', 'Setzt eine Auszeit.'],
-        ['/purge anzahl:…', 'Löscht mehrere Nachrichten auf einmal.'],
+    ['commands.g.mod', true, [
+        ['/warn user:… grund:…', 'commands.warn'],
+        ['/warns user:…', 'commands.warns'],
+        ['/timeout user:… dauer:…', 'commands.timeout'],
+        ['/purge anzahl:…', 'commands.purge'],
     ]],
-    ['Einrichtung', [
-        ['/giveaway preis:… dauer:… gewinner:…', 'Startet eine Verlosung mit Teilnahme-Knopf und automatischer Ziehung.'],
-        ['/ticket-setup', 'Postet den Knopf, über den Support-Tickets als private Threads entstehen.'],
-        ['/playtester-setup', 'Postet den Bewerbungs-Knopf für das Playtester-Programm.'],
-        ['/devlog-backfill', 'Holt ältere Devlog-Nachrichten nachträglich ins Archiv.'],
-        ['/galerie-backfill', 'Dasselbe für den Screenshot-Kanal.'],
+    ['commands.g.setup', true, [
+        ['/giveaway preis:… dauer:… gewinner:…', 'commands.giveaway'],
+        ['/ticket-setup', 'commands.ticketSetup'],
+        ['/playtester-setup', 'commands.playtesterSetup'],
+        ['/devlog-backfill', 'commands.devlogBackfill'],
+        ['/galerie-backfill', 'commands.galerieBackfill'],
     ]],
 ];
 
 export default function BotCommands() {
+    const { t } = useT();
     useEffect(() => { window.scrollTo(0, 0); }, []);
 
     return (
@@ -37,37 +40,30 @@ export default function BotCommands() {
                 <div className="page-bg-text">BEFEHLE</div>
                 <div className="page-header-grid" aria-hidden="true" />
                 <div className="page-header-content">
-                    <div className="page-tag">// Referenz</div>
-                    <h1 className="page-title">Befehle</h1>
-                    <p className="page-subtitle">
-                        Alle Slash-Befehle im Überblick. Vieles läuft zusätzlich über Knöpfe
-                        direkt in den Nachrichten.
-                    </p>
+                    <div className="page-tag">{t('commands.tag')}</div>
+                    <h1 className="page-title">{t('commands.title')}</h1>
+                    <p className="page-subtitle">{t('commands.subtitle')}</p>
                 </div>
             </section>
 
             <section className="content">
-                {GROUPS.map(([group, commands]) => (
-                    <div className="roadmap-group" key={group}>
+                {GROUPS.map(([groupKey, restricted, commands]) => (
+                    <div className="roadmap-group" key={groupKey}>
                         <h2 className="settings-title">
-                            // {group}
-                            {group === 'Moderation' && <IconLock size={13} />}
-                            {group === 'Einrichtung' && <IconLock size={13} />}
+                            // {t(groupKey)}
+                            {restricted && <IconLock size={13} />}
                         </h2>
                         <div className="cmd-list">
-                            {commands.map(([name, desc]) => (
+                            {commands.map(([name, descKey]) => (
                                 <div className="cmd-row" key={name}>
                                     <code className="cmd-name">{name}</code>
-                                    <span className="cmd-desc">{desc}</span>
+                                    <span className="cmd-desc">{t(descKey)}</span>
                                 </div>
                             ))}
                         </div>
                     </div>
                 ))}
-                <p className="notice">
-                    Moderations- und Einrichtungs-Befehle sind Mitgliedern mit den passenden
-                    Discord-Rechten vorbehalten.
-                </p>
+                <p className="notice">{t('commands.note')}</p>
             </section>
         </>
     );