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'.

components/PasskeyManager.tsx

@@ -2,6 +2,8 @@
 
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { createClient } from "@/lib/supabase/client";
+import { formatMessage } from "@/lib/i18n/shared";
+import { useDict } from "@/components/i18n/LocaleProvider";
 
 interface PasskeyItem {
   id: string;
@@ -12,6 +14,7 @@ interface PasskeyItem {
 
 export default function PasskeyManager() {
   const supabase = useMemo(() => createClient(), []);
+  const dict = useDict();
   const [passkeys, setPasskeys] = useState<PasskeyItem[]>([]);
   const [error, setError] = useState<string | null>(null);
   const [info, setInfo] = useState<string | null>(null);
@@ -19,9 +22,10 @@ export default function PasskeyManager() {
 
   const load = useCallback(async () => {
     const { data, error } = await supabase.auth.passkey.list();
-    if (error) setError(`Passkeys konnten nicht geladen werden: ${error.message}`);
+    if (error)
+      setError(formatMessage(dict.passkeys.loadError, { message: error.message }));
     else setPasskeys((data ?? []) as PasskeyItem[]);
-  }, [supabase]);
+  }, [supabase, dict]);
 
   useEffect(() => {
     load();
@@ -34,37 +38,35 @@ export default function PasskeyManager() {
     try {
       const { error } = await supabase.auth.registerPasskey();
       if (error) {
-        setError(`Registrierung fehlgeschlagen: ${error.message}`);
+        setError(formatMessage(dict.passkeys.registerError, { message: error.message }));
       } else {
-        setInfo("Passkey wurde erfolgreich registriert.");
+        setInfo(dict.passkeys.registered);
         await load();
       }
     } catch (err) {
       setError(
         /NotAllowedError|abort/i.test(String(err))
-          ? "Die Passkey-Registrierung wurde abgebrochen."
-          : `Registrierung fehlgeschlagen: ${err instanceof Error ? err.message : String(err)}`
+          ? dict.passkeys.registerCancelled
+          : formatMessage(dict.passkeys.registerError, {
+              message: err instanceof Error ? err.message : String(err),
+            })
       );
     }
     setBusy(false);
   }
 
   async function remove(pk: PasskeyItem) {
-    if (!window.confirm("Diesen Passkey wirklich löschen?")) return;
+    if (!window.confirm(dict.passkeys.confirmDelete)) return;
     const { error } = await supabase.auth.passkey.delete({ passkeyId: pk.id });
-    if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
+    if (error)
+      setError(formatMessage(dict.passkeys.deleteError, { message: error.message }));
     await load();
   }
 
   return (
     <section className="card">
-      <h2 className="font-semibold mb-1">Passkeys</h2>
-      <p className="text-sm text-gray-600 mb-3">
-        Mit einem Passkey (Fingerabdruck, Gesichtserkennung oder
-        Sicherheitsschlüssel) kannst du dich künftig ohne Passwort anmelden.
-        Passkeys gelten pro Domain – für den Live-Betrieb muss die Domain in
-        der Supabase-Konfiguration hinterlegt sein.
-      </p>
+      <h2 className="font-semibold mb-1">{dict.passkeys.title}</h2>
+      <p className="text-sm text-gray-600 mb-3">{dict.passkeys.hint}</p>
 
       {error && (
         <p className="mb-2 text-sm text-[var(--c-del)]" role="alert">
@@ -79,7 +81,7 @@ export default function PasskeyManager() {
         onClick={register}
         disabled={busy}
       >
-        Neuen Passkey registrieren
+        {dict.passkeys.register}
       </button>
 
       <ul className="divide-y divide-gray-100">
@@ -90,8 +92,9 @@ export default function PasskeyManager() {
                 {pk.friendly_name || "Passkey"}
               </span>{" "}
               <span className="text-gray-500">
-                – angelegt am{" "}
-                {new Date(pk.created_at).toLocaleDateString("de-DE")}
+                {formatMessage(dict.passkeys.createdOn, {
+                  date: new Date(pk.created_at).toLocaleDateString(dict.dateLocale),
+                })}
               </span>
             </span>
             <button
@@ -99,14 +102,12 @@ export default function PasskeyManager() {
               className="btn btn-del"
               onClick={() => remove(pk)}
             >
-              Löschen
+              {dict.common.delete}
             </button>
           </li>
         ))}
         {passkeys.length === 0 && (
-          <li className="py-2 text-gray-500 text-sm">
-            Noch keine Passkeys registriert.
-          </li>
+          <li className="py-2 text-gray-500 text-sm">{dict.passkeys.empty}</li>
         )}
       </ul>
     </section>