fix(digitalOutputs): Hook-Reihenfolge im Modal korrigiert und Zustand korrekt initialisiert – Bezeichnung lässt sich jetzt fehlerfrei ändern

components/main/einausgaenge/modals/OutputModal.tsx

@@ -1,5 +1,5 @@
 "use client"; // /components/main/einausgaenge/modals/OutputModal.tsx
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { useSelector } from "react-redux";
 import { RootState } from "../../../../redux/store";
 
@@ -16,12 +16,22 @@ export default function OutputModal({
     (state: RootState) => state.digitalOutputsSlice.outputs
   );
 
-  const [label, setLabel] = useState(selectedOutput.label || "");
-  const [status, setStatus] = useState(selectedOutput.status || false);
+  const [label, setLabel] = useState("");
+  const [status, setStatus] = useState(false);
   const [timer, setTimer] = useState(0);
   const [isSaving, setIsSaving] = useState(false);
   const [errorMsg, setErrorMsg] = useState("");
 
+  // ✅ Zustand neu setzen, wenn Modal geöffnet oder anderer Ausgang ausgewählt wird
+  useEffect(() => {
+    if (isOpen && selectedOutput) {
+      setLabel(selectedOutput.label || "");
+      setStatus(selectedOutput.status || false);
+      setTimer(0);
+      setErrorMsg("");
+    }
+  }, [isOpen, selectedOutput]);
+
   if (!isOpen || !selectedOutput) return null;
 
   const handleSave = async () => {