feat(admin): Formulare fuer Gutscheine, Versand, Benutzer, Ernten und Chargen vereinheitlicht

Alle Anlege- und Bearbeiten-Formulare nutzen jetzt die Bausteine aus
components/admin-form.tsx wie das Produktformular: Rahmen mit fester
Speicherleiste, Abschnitte mit Serif-Ueberschrift (Gutschein: Code und
Rabatt / Bedingungen / Zeitraum und Status; Ernte: Angaben / Bilder /
Sichtbarkeit; Charge: Abfuellung und Bestand / Bilder), Schalter statt
Checkbox, buendige Eingabefelder in Rastern.

Benutzer bearbeiten: Sicherheitsbereich mit Status-Badges, Passwort-Reset
als Sekundaerknopf, Sperren/Loeschen in eigenem abgesetzten Bereich.
AdminField/AdminSelect koennen jetzt min und einen Hinweistext.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

src/app/admin/versand/[id]/page.tsx

@@ -1,78 +1,54 @@
 import { notFound } from "next/navigation";
 import { prisma } from "@/lib/prisma";
 import { BackLink } from "@/components/back-link";
+import { Button } from "@/components/ui";
+import { AdminField, AdminFormPanel } from "@/components/admin-form";
 import { updateShippingTierAction } from "../../actions";
 import { getLocale } from "@/i18n/locale";
 import { getDictionary } from "@/i18n/get-dictionary";
 
 export default async function AdminVersandEditPage(props: PageProps<"/admin/versand/[id]">) {
   const t = getDictionary(await getLocale());
+  const ts = t.adminShippingEditPage;
   const { id } = await props.params;
   const tier = await prisma.shippingTier.findUnique({ where: { id } });
   if (!tier) notFound();
 
   return (
-    <div className="max-w-md">
-      <BackLink href="/admin/versand" label={t.adminShippingEditPage.backToShipping} />
-      <h1 className="text-2xl text-forest mb-8">{t.adminShippingEditPage.title}</h1>
+    <div className="max-w-xl">
+      <BackLink href="/admin/versand" label={ts.backToShipping} />
+      <h1 className="text-2xl text-forest mb-8">{ts.title}</h1>
 
-
-      <form action={updateShippingTierAction} className="space-y-4 bg-background border border-ink/10 p-6">
+      <AdminFormPanel action={updateShippingTierAction} actions={<Button type="submit">{ts.save}</Button>}>
         <input type="hidden" name="id" value={tier.id} />
-        <div className="grid grid-cols-2 gap-4">
-          <Field
-            name="minQuantity"
-            label={t.adminShippingEditPage.minQuantityLabel}
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 items-end gap-4">
+            <AdminField
+              name="minQuantity"
+              label={ts.minQuantityLabel}
+              type="number"
+              min={0}
+              defaultValue={String(tier.minQuantity)}
+              required
+            />
+            <AdminField
+              name="maxQuantity"
+              label={ts.maxQuantityLabel}
+              type="number"
+              min={0}
+              defaultValue={tier.maxQuantity !== null ? String(tier.maxQuantity) : ""}
+            />
+          </div>
+          <AdminField
+            name="priceCents"
+            label={ts.priceLabel}
             type="number"
-            defaultValue={String(tier.minQuantity)}
+            min={0}
+            defaultValue={String(tier.priceCents)}
             required
           />
-          <Field
-            name="maxQuantity"
-            label={t.adminShippingEditPage.maxQuantityLabel}
-            type="number"
-            defaultValue={tier.maxQuantity !== null ? String(tier.maxQuantity) : ""}
-          />
         </div>
-        <Field
-          name="priceCents"
-          label={t.adminShippingEditPage.priceLabel}
-          type="number"
-          defaultValue={String(tier.priceCents)}
-          required
-        />
-        <button type="submit" className="bg-forest text-cream px-6 py-2 text-sm">
-          {t.adminShippingEditPage.save}
-        </button>
-      </form>
+      </AdminFormPanel>
     </div>
   );
 }
-
-function Field({
-  name,
-  label,
-  type = "text",
-  defaultValue,
-  required = false,
-}: {
-  name: string;
-  label: string;
-  type?: string;
-  defaultValue?: string;
-  required?: boolean;
-}) {
-  return (
-    <label className="block text-sm">
-      <span className="text-ink/70">{label}</span>
-      <input
-        name={name}
-        type={type}
-        defaultValue={defaultValue}
-        required={required}
-        min={0}
-        className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
-      />
-    </label>
-  );
-}