Kurzmeldungen als Overlay, Liniendiagramm fuellt die Karte, Zeitraum ab 1 Tag

Meldungen:
"Gespeichert", "Anordnung gespeichert" und die uebrigen Erfolgsmeldungen standen
als Leiste mitten in der Seite - beim Speichern sprang dadurch das ganze Layout
ein Stueck nach unten. Sie erscheinen jetzt als Overlay am unteren Rand und
verschwinden nach fuenf Sekunden von selbst; ein Kreuz blendet sie sofort aus.
Umgestellt in Uebersicht, Einstellungen, Gefahrenbereich, Benutzer,
Produktformular sowie Ein- und Auslagern.

Bewusst NICHT umgestellt: Fehlermeldungen. Ein Fehler, der nach fuenf Sekunden
verschwindet, ist genau dann weg, wenn man ihn noch braucht - der bleibt an
seiner Stelle stehen.

Rollbalken beim Liniendiagramm:
Den hatte ich mir mit der Zeitraum-Auswahl selbst eingebaut. Das Diagramm hatte
eine feste Hoehe von 200 px; zusammen mit der Auswahl darueber passte das nicht
mehr in die Karte. Jetzt wird auch die Hoehe gemessen, das Diagramm fuellt den
verbleibenden Platz.

Zeitraum "1 Tag":
Ein einzelner Tag ergibt genau einen Messpunkt - eine Linie aus einem Punkt
waere unsinnig. Das Diagramm zeigt in dem Fall die blanke Zahl. Die
Backend-Begrenzung laesst jetzt einen Tag zu.

Geprueft: "npm run build" laeuft durch; kein Verweis mehr auf die entfernten
Meldungszustaende.

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

web/src/pages/ProductForm.jsx

@@ -5,6 +5,7 @@ import { useConfirm } from "../confirm";
 import { useAuth } from "../auth";
 import BarcodeList from "../components/BarcodeList";
 import Icon from "../components/Icon";
+import { useToast } from "../toast";
 import { useSettings } from "../settings";
 import { asTree } from "../categoryTree";
 import {
@@ -30,6 +31,7 @@ const KIND_ORDER = ["count", "weight", "volume"];
 
 export default function ProductForm() {
   const confirm = useConfirm();
+  const toast = useToast();
   const { id } = useParams();
   const isNew = !id;
   const { isAdmin } = useAuth();
@@ -43,7 +45,6 @@ export default function ProductForm() {
   const [categories, setCategories] = useState([]);
   const [units, setUnits] = useState([]);
   const [error, setError] = useState(null);
-  const [info, setInfo] = useState(null);
   const [busy, setBusy] = useState(false);
   // Einheit für die Mindestbestand-Eingabe: "package" oder die ID einer Einheit.
   const [minUnit, setMinUnit] = useState("");
@@ -96,7 +97,7 @@ export default function ProductForm() {
       group_id: f.group_id || (res.group_id ? String(res.group_id) : ""),
     }));
     if (s.package_size != null) setMinUnit("package");
-    setInfo(
+    toast(
       "Daten von Open Food Facts übernommen." +
         (s.package_size != null ? "" : " (Füllmenge nicht hinterlegt – bitte Packungsgröße prüfen.)") +
         (res.category_name ? ` Kategorie „${res.category_name}“ vorgeschlagen.` : "") +
@@ -107,16 +108,16 @@ export default function ProductForm() {
   async function runLookup(code, unitList) {
     if (!code) return;
     setError(null);
-    setInfo(null);
+
     try {
       const res = await api.lookup(code.trim());
       if (res.found && res.existing_product) {
-        setInfo("Dieses Produkt existiert bereits.");
+        toast("Dieses Produkt existiert bereits.");
         navigate(`/products/${res.existing_product.id}`);
       } else if (res.found && res.suggestion) {
         applySuggestion(res, unitList);
       } else {
-        setInfo("Barcode unbekannt – bitte Daten selbst eingeben.");
+        toast("Barcode unbekannt – bitte Daten selbst eingeben.", "warn");
       }
     } catch (err) {
       setError(err.message);
@@ -210,7 +211,7 @@ export default function ProductForm() {
         navigate(`/products/${created.id}`);
       } else {
         await api.updateProduct(id, buildPayload());
-        setInfo("Gespeichert.");
+        toast("Gespeichert.");
         setProduct(await api.getProduct(id));
         setLots(await api.listLots(id));
       }
@@ -259,7 +260,6 @@ export default function ProductForm() {
       </div>
 
       {error && <div className="alert error"><Icon name="alert" size={16} />{error}</div>}
-      {info && <div className="alert info"><Icon name="check" size={16} />{info}</div>}
 
       <div className="grid-2">
         <form className="card" onSubmit={save}>
@@ -430,6 +430,7 @@ export default function ProductForm() {
 /** Chargen-Karte mit Bearbeiten/Löschen. Bearbeitet wird in der Produkteinheit. */
 function LotsCard({ product, lots, baseShort, warnDays, isAdmin, imageUrl, onChanged, onError }) {
   const confirm = useConfirm();
+  const toast = useToast();
   const { formatBestBefore } = useSettings();
   const [editId, setEditId] = useState(null);
   const [draft, setDraft] = useState({ quantity: "", best_before: "", precision: "day" });