feat(helpdesk): polish handover schema editor UI/UX

Auto-generate field keys and option values from labels via slugify,
add live preview panel with hover-highlight, insert-between-fields
dividers, and various spacing/styling improvements.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

modules/helpdesk/i18n/default_de.json

@@ -405,9 +405,10 @@
   "Maximum %d fields allowed": "Maximal %d Felder erlaubt",
   "Field %d: unknown type \"%s\"": "Feld %d: unbekannter Typ \"%s\"",
   "Field %d: label is required": "Feld %d: Bezeichnung ist erforderlich",
-  "Field %d: key is required": "Feld %d: Schlüssel ist erforderlich",
-  "Field %d: key must start with a letter and contain only lowercase letters, digits, and underscores": "Feld %d: Schlüssel muss mit einem Buchstaben beginnen und darf nur Kleinbuchstaben, Ziffern und Unterstriche enthalten",
-  "Field %d: duplicate key \"%s\"": "Feld %d: doppelter Schlüssel \"%s\"",
+  "Field %d: generates duplicate key \"%s\" — use a more distinct label": "Feld %d: erzeugt doppelten Schlüssel \"%s\" — verwenden Sie eine eindeutigere Bezeichnung",
   "Field %d: select must have at least one option": "Feld %d: Auswahl muss mindestens eine Option haben",
-  "Field %d, option %d: value is required": "Feld %d, Option %d: Wert ist erforderlich"
+  "Field %d, option %d: label is required": "Feld %d, Option %d: Bezeichnung ist erforderlich",
+  "Preview": "Vorschau",
+  "Add fields to see a live preview.": "Felder hinzufügen, um eine Vorschau zu sehen.",
+  "Field": "Feld"
 }