Web: Produktformular-Feinschliff (Barcode-Buttons, Foto-Entfernen, Typ-Abstand)

- Barcode-Zeile: Eingabefeld fuellt die Breite, die beiden Knoepfe (Nachschlagen
  + Vergleichen) stehen nebeneinander statt gestapelt – keine Luecke mehr rechts.
- Foto: "Entfernen" ist jetzt ein normaler Button wie "Foto machen"/"Galerie"
  (gleiche Hoehe/Ausrichtung) statt reiner Text.
- Umschalter "Typ"/"Verwaltung": Abstand zwischen Beschriftung und Segmenten.

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

web/src/pages/ProductForm.jsx

@@ -534,7 +534,7 @@ export default function ProductForm() {
           <div className="produkt-kopf">
             <div className="produkt-kopf-felder">
               <div className="field-inline">
-                <label className="grow">
+                <label className="grow" style={{ flex: "1 1 auto", minWidth: 0 }}>
                   Barcode
                   <input value={form.barcode} onChange={(e) => set("barcode", e.target.value)} disabled={readOnly} />
                 </label>
@@ -576,7 +576,7 @@ export default function ProductForm() {
                       <input hidden type="file" accept="image/*" onChange={onPickPhoto} />
                     </label>
                     {hatBild && (
-                      <button type="button" className="btn sm ghost" onClick={removePhoto}>Entfernen</button>
+                      <button type="button" className="btn sm" onClick={removePhoto}>Entfernen</button>
                     )}
                   </div>
                 )}
@@ -677,7 +677,7 @@ export default function ProductForm() {
           </div>
           </>)}
           <div className="row">
-            <label className="grow">
+            <label className="grow seg-label">
               Typ
               <div className="segmented">
                 <button type="button" className={modus === "food" ? "active" : ""}
@@ -744,7 +744,7 @@ export default function ProductForm() {
 
           {isObject && (<>
             <div className="row">
-              <label className="grow">
+              <label className="grow seg-label">
                 Verwaltung
                 <div className="segmented">
                   <button type="button" className={!form.individual ? "active" : ""}