Startseite uebersetzbar machen und den Sprachschalter der Rechtsseiten entfernen

Die Startseite lag noch komplett englisch unter /de/. React-Seiten
werden nicht in den i18n-Baum kopiert, nur .md und .mdx, ihre Texte
muessen also wie beim Footer ueber <Translate> laufen. Betrifft die
Ueberschrift ueber den Karten, deren Beschreibungen und Tags, den
Get-Started-Button und den kompletten Need-help-Block.

Die Ressourcenliste wandert dafuer aus der Modulkonstante in eine
Funktion, weil translate() die Uebersetzungen zur Renderzeit liest.
Produkt- und Techniknamen bleiben unangetastet: MSK Core, Lua, ESX,
QBCore, Exports, Event Handler.

Impressum und Datenschutz hatten einen eigenen de/en-Umschalter mit
localStorage, der die Locale von Docusaurus ignoriert hat. /de/impressum
zeigte deshalb je nach Browsersprache trotzdem Englisch, und die
Sprachwahl in der Navbar hatte dort keine Wirkung. Beide Fassungen
bleiben im JSX, fuer seitenlangen Rechtstext ist das praktikabler als
<Translate>, ausgewaehlt wird jetzt aber ueber i18n.currentLocale.

Author: Musiker15

i18n/de/code.json

@@ -404,5 +404,97 @@
   "notFound.browseDocs": {
     "message": "Zur Dokumentation",
     "description": "Label of the button leading to the docs on the 404 page"
+  },
+  "home.resource.ticketbot.description": {
+    "message": "Ein Discord Ticket Bot, mit dem Spieler direkt aus Discord heraus Support-Tickets aufmachen.",
+    "description": "Description of the Discord Ticketbot card on the homepage"
+  },
+  "home.resource.giveawaybot.description": {
+    "message": "Ein Discord Giveaway Bot, mit dem du Gewinnspiele direkt aus Discord heraus veranstaltest.",
+    "description": "Description of the Discord Giveawaybot card on the homepage"
+  },
+  "home.resource.core.description": {
+    "message": "Unsere Kernbibliothek für alle Ressourcen, mit gemeinsamen Hilfsfunktionen und mehr.",
+    "description": "Description of the MSK Core card on the homepage"
+  },
+  "home.resource.handcuffs.description": {
+    "message": "Eine Handschellen-Ressource, mit der du Spieler fesselst, mit zahlreichen Optionen und Funktionen.",
+    "description": "Description of the MSK Handcuffs card on the homepage"
+  },
+  "home.resource.vehiclekeys.description": {
+    "message": "Eine Ressource für Fahrzeugschlüssel, mit der du Schlüssel verwaltest, mit zahlreichen Optionen und Funktionen.",
+    "description": "Description of the MSK Vehiclekeys card on the homepage"
+  },
+  "home.resource.garage.description": {
+    "message": "Ein vollwertiges Garagensystem, mit dem du abgestellte Fahrzeuge verwaltest und mehr.",
+    "description": "Description of the MSK Garage card on the homepage"
+  },
+  "home.resource.enginetoggle.description": {
+    "message": "Eine Ressource zum Ein- und Ausschalten des Motors, einfach und sparsam im Umgang mit dem Motorzustand.",
+    "description": "Description of the MSK EngineToggle card on the homepage"
+  },
+  "home.resource.fuel.description": {
+    "message": "Eine Ressource für den Tankinhalt, mit der du den Füllstand von Fahrzeugen verwaltest, mit zahlreichen Optionen und Funktionen.",
+    "description": "Description of the MSK Fuel card on the homepage"
+  },
+  "home.feature.installation": {
+    "message": "Installation",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.configuration": {
+    "message": "Konfiguration",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.client": {
+    "message": "Client",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.shared": {
+    "message": "Shared",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.server": {
+    "message": "Server",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.events": {
+    "message": "Events",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.exports": {
+    "message": "Exports",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.feature.eventHandler": {
+    "message": "Event Handler",
+    "description": "Tag on a homepage resource card"
+  },
+  "home.card.cta": {
+    "message": "Loslegen →",
+    "description": "Label of the button at the bottom of a homepage resource card"
+  },
+  "home.resources.title": {
+    "message": "Ressourcen",
+    "description": "Headline above the resource cards on the homepage"
+  },
+  "home.resources.subtitle": {
+    "message": "Wähle eine Ressource, um ihre Dokumentation zu lesen.",
+    "description": "Line below the headline above the resource cards on the homepage"
+  },
+  "home.help.title": {
+    "message": "Brauchst du Hilfe?",
+    "description": "Headline of the help banner at the bottom of the homepage"
+  },
+  "home.help.text": {
+    "message": "Komm in den Discord von MSK Scripts, für Support, Neuigkeiten und den Austausch mit der Community.",
+    "description": "Text of the help banner at the bottom of the homepage"
+  },
+  "home.help.discordButton": {
+    "message": "Discord beitreten",
+    "description": "Label of the Discord button in the homepage help banner"
+  },
+  "home.meta.description": {
+    "message": "Dokumentation für die Ressourcen von MSK Scripts.",
+    "description": "Meta description of the homepage"
   }
 }

src/pages/datenschutz.tsx

@@ -1,9 +1,7 @@
-import { useEffect, useState } from 'react';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import styles from './legal.module.css';
 
-const STORAGE_KEY = 'msk-docu-legal-lang';
-
 const content = {
   de: {
     title: 'Datenschutzerklärung',
@@ -532,46 +530,17 @@ const content = {
 };
 
 export default function Datenschutz() {
-  const [lang, setLang] = useState<'de' | 'en'>('en');
-
-  useEffect(() => {
-    const stored =
-      typeof window !== 'undefined' ? window.localStorage.getItem(STORAGE_KEY) : null;
-    if (stored === 'de' || stored === 'en') {
-      setLang(stored);
-      return;
-    }
-    const browserLang =
-      typeof navigator !== 'undefined' ? navigator.language?.toLowerCase() ?? '' : '';
-    setLang(browserLang.startsWith('de') ? 'de' : 'en');
-  }, []);
-
-  const handleChange = (value: 'de' | 'en') => {
-    setLang(value);
-    if (typeof window !== 'undefined') {
-      window.localStorage.setItem(STORAGE_KEY, value);
-    }
-  };
-
+  // Die Seite folgt der Sprache der Website. Vorher hing sie an einem eigenen
+  // Umschalter samt localStorage, der die Locale von Docusaurus ignorierte:
+  // /de/ zeigte dann je nach Browser trotzdem Englisch, und die Sprachwahl in
+  // der Navbar hatte hier keine Wirkung.
+  const { i18n } = useDocusaurusContext();
+  const lang: 'de' | 'en' = i18n.currentLocale === 'de' ? 'de' : 'en';
   const c = content[lang];
 
   return (
     <Layout title={c.title}>
       <div className={styles.legalPage}>
-        <div className={styles.langSwitcher}>
-          <span className={styles.langLabel} aria-hidden="true">
-            🌐
-          </span>
-          <select
-            value={lang}
-            onChange={(e) => handleChange(e.target.value as 'de' | 'en')}
-            className={styles.langSelect}
-            aria-label="Sprache wählen / Choose language"
-          >
-            <option value="de">🇩🇪 Deutsch</option>
-            <option value="en">🇬🇧 English</option>
-          </select>
-        </div>
         <div className={styles.legalContent}>{c.sections}</div>
       </div>
     </Layout>

src/pages/impressum.tsx

@@ -1,9 +1,7 @@
-import { useEffect, useState } from 'react';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import styles from './legal.module.css';
 
-const STORAGE_KEY = 'msk-docu-legal-lang';
-
 const content = {
   de: {
     title: 'Impressum',
@@ -136,46 +134,17 @@ const content = {
 };
 
 export default function Impressum() {
-  const [lang, setLang] = useState<'de' | 'en'>('en');
-
-  useEffect(() => {
-    const stored =
-      typeof window !== 'undefined' ? window.localStorage.getItem(STORAGE_KEY) : null;
-    if (stored === 'de' || stored === 'en') {
-      setLang(stored);
-      return;
-    }
-    const browserLang =
-      typeof navigator !== 'undefined' ? navigator.language?.toLowerCase() ?? '' : '';
-    setLang(browserLang.startsWith('de') ? 'de' : 'en');
-  }, []);
-
-  const handleChange = (value: 'de' | 'en') => {
-    setLang(value);
-    if (typeof window !== 'undefined') {
-      window.localStorage.setItem(STORAGE_KEY, value);
-    }
-  };
-
+  // Die Seite folgt der Sprache der Website. Vorher hing sie an einem eigenen
+  // Umschalter samt localStorage, der die Locale von Docusaurus ignorierte:
+  // /de/ zeigte dann je nach Browser trotzdem Englisch, und die Sprachwahl in
+  // der Navbar hatte hier keine Wirkung.
+  const { i18n } = useDocusaurusContext();
+  const lang: 'de' | 'en' = i18n.currentLocale === 'de' ? 'de' : 'en';
   const c = content[lang];
 
   return (
     <Layout title={c.title}>
       <div className={styles.legalPage}>
-        <div className={styles.langSwitcher}>
-          <span className={styles.langLabel} aria-hidden="true">
-            🌐
-          </span>
-          <select
-            value={lang}
-            onChange={(e) => handleChange(e.target.value as 'de' | 'en')}
-            className={styles.langSelect}
-            aria-label="Sprache wählen / Choose language"
-          >
-            <option value="de">🇩🇪 Deutsch</option>
-            <option value="en">🇬🇧 English</option>
-          </select>
-        </div>
         <div className={styles.legalContent}>{c.sections}</div>
       </div>
     </Layout>