Fix marquee behavior and unify marquee settings

components/root/marquee-settings-form.tsx

@@ -9,12 +9,6 @@ type MarqueeSettingsFormProps = {
   initialSettings: MarqueeSettings;
 };
 
-const localeMeta = [
-  { key: "de", label: "Deutsch" },
-  { key: "en", label: "English" },
-  { key: "ar", label: "Arabic" },
-] as const;
-
 const rowMeta = [
   { key: "row1", label: "Row 1" },
   { key: "row2", label: "Row 2" },
@@ -31,31 +25,29 @@ export function MarqueeSettingsForm({
       <AppCard>
         <CardHeader>
           <CardTitle>Marquee Rows</CardTitle>
-          <CardDescription>Ein Feld pro Zeile. Ein Begriff pro Zeile oder mit Komma getrennt.</CardDescription>
+          <CardDescription>Nur Deutsch bearbeiten. Die Werte werden fuer alle Sprachen uebernommen.</CardDescription>
         </CardHeader>
-        <CardContent className="grid gap-6 xl:grid-cols-3">
-          {localeMeta.map((locale) => (
-            <div key={locale.key} className="space-y-4 rounded-nested border border-border/70 bg-background/70 p-4">
-              <div>
-                <h3 className="text-sm font-semibold text-foreground">{locale.label}</h3>
-                <p className="text-xs text-muted-foreground">Vier Marquee Zeilen fuer diese Sprache.</p>
-              </div>
-
-              <div className="space-y-4">
-                {rowMeta.map((row) => (
-                  <div key={`${locale.key}-${row.key}`} className="space-y-2">
-                    <Label htmlFor={`${row.key}-${locale.key}`}>{row.label}</Label>
-                    <Textarea
-                      id={`${row.key}-${locale.key}`}
-                      name={`${row.key}-${locale.key}`}
-                      defaultValue={initialSettings.locales[locale.key][row.key]}
-                      className="min-h-[180px] resize-y"
-                    />
-                  </div>
-                ))}
-              </div>
+        <CardContent>
+          <div className="space-y-4 rounded-nested border border-border/70 bg-background/70 p-4">
+            <div>
+              <h3 className="text-sm font-semibold text-foreground">Deutsch</h3>
+              <p className="text-xs text-muted-foreground">Vier Marquee Zeilen. Diese Werte gelten fuer alle Sprachen.</p>
             </div>
-          ))}
+
+            <div className="space-y-4">
+              {rowMeta.map((row) => (
+                <div key={`de-${row.key}`} className="space-y-2">
+                  <Label htmlFor={`${row.key}-de`}>{row.label}</Label>
+                  <Textarea
+                    id={`${row.key}-de`}
+                    name={`${row.key}-de`}
+                    defaultValue={initialSettings.locales.de[row.key]}
+                    className="min-h-[180px] resize-y"
+                  />
+                </div>
+              ))}
+            </div>
+          </div>
         </CardContent>
       </AppCard>
     </form>