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/login/page.tsx

@@ -4,20 +4,25 @@ import { useState } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { createClient } from "@/lib/supabase/client";
+import { formatMessage } from "@/lib/i18n/shared";
+import { useDict } from "@/components/i18n/LocaleProvider";
+import LanguageSwitcher from "@/components/i18n/LanguageSwitcher";
+import type { Dict } from "@/lib/i18n/shared";
 
-function germanAuthError(message: string): string {
+function authErrorMessage(dict: Dict, message: string): string {
   if (/invalid login credentials/i.test(message))
-    return "E-Mail-Adresse oder Passwort ist falsch.";
+    return dict.login.errorInvalidCredentials;
   if (/email not confirmed/i.test(message))
-    return "Die E-Mail-Adresse wurde noch nicht bestätigt.";
+    return dict.login.errorEmailNotConfirmed;
   if (/cancelled|aborted|NotAllowedError/i.test(message))
-    return "Passkey-Anmeldung wurde abgebrochen.";
-  return `Anmeldung fehlgeschlagen: ${message}`;
+    return dict.login.errorPasskeyCancelled;
+  return formatMessage(dict.login.errorGeneric, { message });
 }
 
 export default function LoginPage() {
   const router = useRouter();
   const supabase = createClient();
+  const dict = useDict();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState<string | null>(null);
@@ -42,7 +47,7 @@ export default function LoginPage() {
       password,
     });
     if (error || !data.user) {
-      setError(germanAuthError(error?.message ?? "Unbekannter Fehler"));
+      setError(authErrorMessage(dict, error?.message ?? "Unbekannter Fehler"));
       setBusy(false);
       return;
     }
@@ -54,9 +59,7 @@ export default function LoginPage() {
       .single();
     if (profile?.password_auth_enabled === false) {
       await supabase.auth.signOut();
-      setError(
-        "Die Anmeldung mit Passwort ist für dieses Konto deaktiviert. Bitte mit Passkey anmelden."
-      );
+      setError(dict.login.errorPasswordDisabled);
       setBusy(false);
       return;
     }
@@ -71,14 +74,14 @@ export default function LoginPage() {
       const { data, error } = await supabase.auth.signInWithPasskey();
       if (error || !data?.user) {
         setError(
-          germanAuthError(error?.message ?? "Passkey-Anmeldung fehlgeschlagen")
+          authErrorMessage(dict, error?.message ?? "Passkey-Anmeldung fehlgeschlagen")
         );
         setBusy(false);
         return;
       }
       await redirectByRole(data.user.id);
     } catch (err) {
-      setError(germanAuthError(err instanceof Error ? err.message : String(err)));
+      setError(authErrorMessage(dict, err instanceof Error ? err.message : String(err)));
       setBusy(false);
     }
   }
@@ -86,13 +89,16 @@ export default function LoginPage() {
   return (
     <div className="flex-1 flex items-center justify-center p-4">
       <div className="card w-full max-w-sm">
-        <h1 className="text-xl font-bold text-[var(--c-primary)] mb-4">
-          Anmeldung
-        </h1>
+        <div className="flex justify-between items-center mb-4">
+          <h1 className="text-xl font-bold text-[var(--c-primary)]">
+            {dict.login.title}
+          </h1>
+          <LanguageSwitcher variant="light" />
+        </div>
         <form onSubmit={signInWithPassword} className="space-y-3">
           <div>
             <label className="label" htmlFor="email">
-              E-Mail-Adresse
+              {dict.common.email}
             </label>
             <input
               id="email"
@@ -106,7 +112,7 @@ export default function LoginPage() {
           </div>
           <div>
             <label className="label" htmlFor="password">
-              Passwort
+              {dict.common.password}
             </label>
             <input
               id="password"
@@ -120,13 +126,13 @@ export default function LoginPage() {
           </div>
           {error && <p className="text-sm text-[var(--c-del)]">{error}</p>}
           <button type="submit" className="btn btn-primary w-full" disabled={busy}>
-            Anmelden
+            {dict.login.submit}
           </button>
         </form>
 
         <div className="my-4 flex items-center gap-3 text-xs text-gray-400">
           <span className="h-px flex-1 bg-gray-200" />
-          oder
+          {dict.login.or}
           <span className="h-px flex-1 bg-gray-200" />
         </div>
 
@@ -136,12 +142,12 @@ export default function LoginPage() {
           className="btn btn-neutral w-full"
           disabled={busy}
         >
-          Mit Passkey anmelden
+          {dict.login.passkeyButton}
         </button>
 
         <p className="mt-4 text-center text-sm">
           <Link href="/" className="text-gray-500 hover:text-[var(--c-primary)]">
-            ← Zur Speisekarte
+            {dict.login.backToMenu}
           </Link>
         </p>
       </div>