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

@@ -1,64 +1,33 @@
 import { BackLink } from "@/components/back-link";
+import { Button } from "@/components/ui";
+import { AdminField, AdminFormPanel, AdminSelect } from "@/components/admin-form";
 import { createCustomerAction } from "../../actions";
 import { getLocale } from "@/i18n/locale";
 import { getDictionary } from "@/i18n/get-dictionary";
 
 export default async function AdminBenutzerNewPage() {
   const t = getDictionary(await getLocale());
+  const tu = t.adminUserNewPage;
 
   return (
     <div className="max-w-xl">
-      <BackLink href="/admin/benutzer" label={t.adminUserNewPage.backToUsers} />
-      <h1 className="text-2xl text-forest mb-2">{t.adminUserNewPage.title}</h1>
-      <p className="text-sm text-ink/70 mb-8">{t.adminUserNewPage.intro}</p>
+      <BackLink href="/admin/benutzer" label={tu.backToUsers} />
+      <h1 className="text-2xl text-forest mb-2">{tu.title}</h1>
+      <p className="text-sm text-ink/70 mb-8">{tu.intro}</p>
 
-
-      <form action={createCustomerAction} className="space-y-4 bg-background border border-ink/10 p-6">
-        <div className="grid grid-cols-2 gap-4">
-          <Field name="firstName" label={t.adminUserNewPage.firstNameLabel} required />
-          <Field name="lastName" label={t.adminUserNewPage.lastNameLabel} required />
+      <AdminFormPanel action={createCustomerAction} actions={<Button type="submit">{tu.createAndSend}</Button>}>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 items-end gap-4">
+            <AdminField name="firstName" label={tu.firstNameLabel} required />
+            <AdminField name="lastName" label={tu.lastNameLabel} required />
+          </div>
+          <AdminField name="email" label={tu.emailLabel} type="email" required />
+          <AdminSelect name="role" label={tu.roleLabel} defaultValue="KUNDE">
+            <option value="KUNDE">{tu.roleCustomer}</option>
+            <option value="ADMIN">{tu.roleAdmin}</option>
+          </AdminSelect>
         </div>
-        <Field name="email" label={t.adminUserNewPage.emailLabel} type="email" required />
-        <label className="block text-sm">
-          <span className="text-ink/70">{t.adminUserNewPage.roleLabel}</span>
-          <select
-            name="role"
-            defaultValue="KUNDE"
-            className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
-          >
-            <option value="KUNDE">{t.adminUserNewPage.roleCustomer}</option>
-            <option value="ADMIN">{t.adminUserNewPage.roleAdmin}</option>
-          </select>
-        </label>
-
-        <button type="submit" className="bg-forest text-cream px-6 py-2 text-sm">
-          {t.adminUserNewPage.createAndSend}
-        </button>
-      </form>
+      </AdminFormPanel>
     </div>
   );
 }
-
-function Field({
-  name,
-  label,
-  type = "text",
-  required = false,
-}: {
-  name: string;
-  label: string;
-  type?: string;
-  required?: boolean;
-}) {
-  return (
-    <label className="block text-sm">
-      <span className="text-ink/70">{label}</span>
-      <input
-        name={name}
-        type={type}
-        required={required}
-        className="mt-1 w-full border border-ink/20 bg-background px-3 py-2"
-      />
-    </label>
-  );
-}