Automatisch-übersetzen-Button nur bei konfiguriertem DEEPL_API_KEY

Statt den Button immer anzuzeigen und erst nach Klick auf die
fehlende Konfiguration hinzuweisen, wird er serverseitig anhand von
process.env.DEEPL_API_KEY ein-/ausgeblendet (Gerichte, Allergene,
Zusatzstoffe). Die dadurch überflüssige "translateUnavailable"-
Meldung wurde aus allen drei Sprachen entfernt.

components/CodeListManager.tsx

@@ -12,8 +12,10 @@ import { useDict, useLocale } from "@/components/i18n/LocaleProvider";
 
 export default function CodeListManager({
   table,
+  translateEnabled,
 }: {
   table: "allergens" | "additives";
+  translateEnabled: boolean;
 }) {
   const supabase = useMemo(() => createClient(), []);
   const dict = useDict();
@@ -34,9 +36,9 @@ export default function CodeListManager({
     namePl: string;
   } | null>(null);
   const [error, setError] = useState<string | null>(null);
-  const [translateState, setTranslateState] = useState<
-    "idle" | "busy" | "done" | "unavailable"
-  >("idle");
+  const [translateState, setTranslateState] = useState<"idle" | "busy" | "done">(
+    "idle"
+  );
 
   const load = useCallback(async () => {
     const { data, error } = await supabase.from(table).select("*").order("sort");
@@ -115,10 +117,6 @@ export default function CodeListManager({
       });
       const data = await res.json();
       if (!res.ok) throw new Error(data?.error ?? `Fehler (${res.status})`);
-      if (data.configured === false) {
-        setTranslateState("unavailable");
-        return;
-      }
       setEditing((prev) =>
         prev ? { ...prev, nameEn: data.en ?? prev.nameEn, namePl: data.pl ?? prev.namePl } : prev
       );
@@ -191,28 +189,25 @@ export default function CodeListManager({
               />
             </div>
           </div>
-          <div>
-            <button
-              type="button"
-              className="btn btn-neutral"
-              onClick={autoTranslate}
-              disabled={translateState === "busy" || !editing.name.trim()}
-            >
-              {translateState === "busy"
-                ? dict.dishManager.translating
-                : dict.dishManager.autoTranslate}
-            </button>
-            {translateState === "done" && (
-              <span className="ml-2 text-sm text-green-700">
-                {dict.dishManager.translated}
-              </span>
-            )}
-            {translateState === "unavailable" && (
-              <span className="ml-2 text-sm text-gray-500">
-                {dict.dishManager.translateUnavailable}
-              </span>
-            )}
-          </div>
+          {translateEnabled && (
+            <div>
+              <button
+                type="button"
+                className="btn btn-neutral"
+                onClick={autoTranslate}
+                disabled={translateState === "busy" || !editing.name.trim()}
+              >
+                {translateState === "busy"
+                  ? dict.dishManager.translating
+                  : dict.dishManager.autoTranslate}
+              </button>
+              {translateState === "done" && (
+                <span className="ml-2 text-sm text-green-700">
+                  {dict.dishManager.translated}
+                </span>
+              )}
+            </div>
+          )}
           <div className="flex gap-2">
             <button type="submit" className="btn btn-add">
               {dict.common.save}