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

@@ -3,14 +3,15 @@ import { api } from "../api";
 import { useConfirm } from "../confirm";
 import { useAuth } from "../auth";
 import Icon from "../components/Icon";
+import { useToast } from "../toast";
 
 export default function Users() {
   const confirm = useConfirm();
   const { user: me } = useAuth();
+  const toast = useToast();
   const [users, setUsers] = useState([]);
   const [form, setForm] = useState({ username: "", password: "", role: "user" });
   const [error, setError] = useState(null);
-  const [info, setInfo] = useState(null);
 
   async function load() {
     try {
@@ -24,11 +25,11 @@ export default function Users() {
 
   async function add(e) {
     e.preventDefault();
-    setError(null); setInfo(null);
+    setError(null);
     try {
       await api.createUser(form);
       setForm({ username: "", password: "", role: "user" });
-      setInfo("Benutzer angelegt.");
+      toast("Benutzer angelegt.");
       load();
     } catch (err) {
       setError(err.message);
@@ -69,7 +70,6 @@ export default function Users() {
         </div>
       </div>
       {error && <div className="alert error"><Icon name="alert" size={16} />{error}</div>}
-      {info && <div className="alert ok"><Icon name="check" size={16} />{info}</div>}
 
       <div className="grid-2">
         <div className="card" style={{ padding: 0 }}>