refactor(PageComponent): refactor setTabsState calls to use tabId instead of flow.id to improve semantics and avoid bugs

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -45,7 +45,8 @@ export default function Page({ flow }: { flow: FlowType }) {
     setLastCopiedSelection,
     tabsState,
     saveFlow,
-    setTabsState
+    setTabsState,
+    tabId
   } = useContext(TabsContext);
   const { types, reactFlowInstance, setReactFlowInstance, templates } =
     useContext(typesContext);
@@ -148,24 +149,30 @@ export default function Page({ flow }: { flow: FlowType }) {
         return newX;
       });
       setTabsState((prev) => {
-        let newState = _.cloneDeep(prev);
+        return {
-        newState[flow.id].isPending = true;
+          ...prev,
-        return newState;
+          [tabId]: {
-      })
+            isPending: true,
           },
-    [onEdgesChange, setNodes,setTabsState,flow.id]
+        };
+      });
+    },
+    [onEdgesChange, setNodes,setTabsState,tabId]
   );
 
   const onNodesChangeMod = useCallback(
     (s: NodeChange[]) => {
       onNodesChange(s);
       setTabsState((prev) => {
-        let newState = _.cloneDeep(prev);
+        return {
-        newState[flow.id].isPending = true;
+          ...prev,
-        return newState;
+          [tabId]: {
-      })
+            isPending: true,
           },
-    [onNodesChange,setTabsState,flow.id]
+        };
+      });
+    },
+    [onNodesChange,setTabsState,tabId]
   );
 
   const onConnect = useCallback(