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/Groups.jsx

@@ -116,7 +116,7 @@ export default function Groups() {
           {(g.product_barcodes?.length || 0) + (g.barcodes?.length || 0)} verwalten
         </button>
       ) },
-    { key: "actions", header: "", fixed: true, width: 56, align: "num",
+    { key: "actions", header: "", label: "Aktionen", fixed: true, width: 56, align: "num",
       render: (g) => isAdmin && (
         <button className="btn-icon danger" onClick={() => remove(g)} title="Löschen">
           <Icon name="trash" size={16} />