Web: Produkte in Lebensmittel/Gegenstaende getrennt; Spalten-Labels; Produktformular aufgeraeumt

1) Zwei getrennte Sidebar-Eintraege 'Lebensmittel' und 'Gegenstaende' (Products mit fixedType) statt einem 'Produkte' mit Umschalter - so vermischt sich nichts. 2) Spalten-Waehler zeigt sprechende Labels ('Bild' statt 'thumb', 'Aktionen', ...). 3) Produktformular: leerer Grow-Platzhalter unter 'Typ' entfernt und 'Neue Kategorie' direkt neben das Kategorie-Dropdown gruppiert; Formular wieder auf Lesebreite (kein content--wide), da das Layout-Problem intern war.

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

web/src/pages/Units.jsx

@@ -67,7 +67,7 @@ export default function Units() {
     { key: "factor", header: "Faktor", width: 150, align: "num", sortValue: (u) => u.factor,
       filterText: (u) => `${fmt(u.factor)} ${baseUnitOfKind[u.kind]}`,
       render: (u) => `${fmt(u.factor)} ${baseUnitOfKind[u.kind]}` },
-    { key: "actions", header: "", fixed: true, width: 56, align: "num",
+    { key: "actions", header: "", label: "Aktionen", fixed: true, width: 56, align: "num",
       render: (u) => (!u.is_builtin && (
         <button className="btn-icon danger" onClick={() => remove(u)} title="Löschen">
           <Icon name="trash" size={16} />