Mehrsprachige Oberfläche + lokalisierte Gericht-/Bereichsnamen

Alle Seiten und Komponenten (öffentliche Speisekarte, Login, Kantinen-
und Admin-Bereich, eigenes Konto) verwenden jetzt die Wörterbücher aus
lib/i18n statt fest codierter deutscher Texte. Gerichte/Bereiche/
Allergene/Zusatzstoffe zeigen den Namen zur aktuell gewählten Sprache;
Gerichte- und Kennzeichnungs-Formulare bekommen Englisch-/Polnisch-
Felder mit Übersetzen-Button (siehe vorherigen Commit). Datumsformat-
ierung (formatDateLong) nimmt jetzt ein locale-Argument statt fix
'de-DE'.

app/page.tsx

@@ -8,11 +8,12 @@ import {
   formatPrice,
   mondayOf,
   todayISO,
-  WEEKDAYS,
 } from "@/lib/menu";
-import { logoUrl, SITE_TITLE } from "@/lib/types";
+import { getDictionary, getLocale } from "@/lib/i18n";
+import { localized, logoUrl, SITE_TITLE } from "@/lib/types";
 import type { CodeItem, MenuEntry, Section } from "@/lib/types";
 import PublicMobileMenu from "@/components/PublicMobileMenu";
+import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
 
 export default async function Home({
   searchParams,
@@ -23,7 +24,9 @@ export default async function Home({
   const monday = mondayOf(woche);
   const friday = addDays(monday, 4);
   const currentWeek = mondayOf(todayISO());
-  const days = WEEKDAYS.map((weekday, i) => ({
+  const locale = await getLocale();
+  const dict = getDictionary(locale);
+  const days = dict.weekdays.long.map((weekday, i) => ({
     weekday,
     iso: addDays(monday, i),
   }));
@@ -35,7 +38,7 @@ export default async function Home({
       supabase
         .from("menu_entries")
         .select(
-          "id, menu_date, section_key, position, dish:dishes(id, name, price, allergens, additives)"
+          "id, menu_date, section_key, position, dish:dishes(id, name, name_en, name_pl, price, allergens, additives)"
         )
         .gte("menu_date", monday)
         .lte("menu_date", friday)
@@ -54,16 +57,18 @@ export default async function Home({
 
   return (
     <div className="flex-1 px-4 py-6 max-w-[1600px] mx-auto w-full">
-      {/* Kopfbereich: Login-Link eigene Zeile, Logo zentriert darunter.
-          Kein absolutes Positionieren mehr – ein breites Logo (z. B. ein
-          Banner-Format) konnte sonst mit dem Login-Link kollidieren. */}
+      {/* Kopfbereich: Sprache + Login-Link eigene Zeile, Logo zentriert
+          darunter. Kein absolutes Positionieren mehr – ein breites Logo
+          (z. B. ein Banner-Format) konnte sonst mit dem Login-Link
+          kollidieren. */}
       <header className="mb-6">
-        <div className="flex justify-end mb-2">
+        <div className="flex justify-end items-center gap-3 mb-2">
+          <LanguageSwitcher variant="light" />
           <Link
             href="/login"
             className="text-sm text-gray-500 hover:text-[var(--c-primary)]"
           >
-            Anmelden
+            {dict.common.login}
           </Link>
         </div>
         <div className="flex justify-center">
@@ -87,15 +92,18 @@ export default async function Home({
 
       {/* Ab "sm": klassische Wochentabelle */}
       <div className="hidden sm:block">
-        <div className="flex gap-3 mb-4">
+        <div className="flex flex-wrap items-center gap-3 mb-4">
           <Link href={`/?woche=${addDays(monday, -7)}`} className="btn btn-add">
-            ← Vorherige Woche
+            {dict.publicMenu.prevWeek}
           </Link>
           <Link href={`/?woche=${currentWeek}`} className="btn btn-primary">
-            Heute
+            {dict.publicMenu.today}
           </Link>
           <Link href={`/?woche=${addDays(monday, 7)}`} className="btn btn-add">
-            Nächste Woche →
+            {dict.publicMenu.nextWeek}
+          </Link>
+          <Link href="/vorschlag" className="btn btn-neutral ml-auto">
+            {dict.publicMenu.suggestDish}
           </Link>
         </div>
 
@@ -108,7 +116,7 @@ export default async function Home({
                   <th key={d.iso} className="day-head">
                     <span className="font-bold">{d.weekday}</span>
                     <br />
-                    {formatDateLong(d.iso)}
+                    {formatDateLong(d.iso, dict.dateLocale)}
                   </th>
                 ))}
               </tr>
@@ -117,7 +125,7 @@ export default async function Home({
               {sections.map((s) => (
                 <tr key={s.key}>
                   <th className="section-head">
-                    <div>{s.label}</div>
+                    <div>{localized(s, locale)}</div>
                     <div className="time">{s.time_range}</div>
                   </th>
                   {days.map((d) => (
@@ -126,7 +134,9 @@ export default async function Home({
                         const codes = dishCodes(e.dish);
                         return (
                           <div key={e.id} className="dish">
-                            <span className="font-bold">{e.dish.name}</span>
+                            <span className="font-bold">
+                              {localized(e.dish, locale)}
+                            </span>
                             {codes && <sup className="dish-codes">{codes}</sup>}
                             {" – "}
                             {formatPrice(e.dish.price)}
@@ -145,23 +155,27 @@ export default async function Home({
       {/* Allergene & Zusatzstoffe: Legende zu den Kürzeln bei den Gerichten */}
       <section className="mt-8 grid gap-6 sm:grid-cols-2 text-sm text-gray-700">
         <div>
-          <h2 className="font-bold text-[var(--c-primary)] mb-2">Allergene</h2>
+          <h2 className="font-bold text-[var(--c-primary)] mb-2">
+            {dict.publicMenu.allergens}
+          </h2>
           <ul className="space-y-0.5">
             {allergens.map((a) => (
               <li key={a.code}>
-                <span className="font-semibold">{a.code}</span> – {a.name}
+                <span className="font-semibold">{a.code}</span> –{" "}
+                {localized(a, locale)}
               </li>
             ))}
           </ul>
         </div>
         <div>
           <h2 className="font-bold text-[var(--c-primary)] mb-2">
-            Zusatzstoffe
+            {dict.publicMenu.additives}
           </h2>
           <ul className="space-y-0.5">
             {additives.map((a) => (
               <li key={a.code}>
-                <span className="font-semibold">{a.code}</span> – {a.name}
+                <span className="font-semibold">{a.code}</span> –{" "}
+                {localized(a, locale)}
               </li>
             ))}
           </ul>