Remove unused import and fix formatting in IOOutputView, MenuBar, RenameLabel, and PageComponent

src/frontend/src/components/IOOutputView/index.tsx

@@ -1,4 +1,3 @@
-import { cloneDeep } from "lodash";
 import useFlowStore from "../../stores/flowStore";
 import { IOOutputProps } from "../../types/components";
 import { Textarea } from "../ui/textarea";

src/frontend/src/components/headerComponent/components/menuBar/index.tsx

@@ -41,17 +41,15 @@ export const MenuBar = ({
 
   function handleAddFlow(duplicate?: boolean) {
     try {
-      if(duplicate) {
+      if (duplicate) {
         if (!currentFlow) {
           throw new Error("No flow to duplicate");
         }
         addFlow(true, currentFlow).then((id) => {
-          setSuccessData({title:"Flow duplicated successfully"});
+          setSuccessData({ title: "Flow duplicated successfully" });
           navigate("/flow/" + id);
         });
-      }
+      } else {
-      else
-      {
         addFlow(true).then((id) => {
           navigate("/flow/" + id);
         });

src/frontend/src/components/ui/rename-label.tsx

@@ -29,7 +29,7 @@ export default function RenameLabel(props) {
     }
     resizeInput();
     return () => {
-      if(isRename) document.removeEventListener("keydown", () => {});
+      if (isRename) document.removeEventListener("keydown", () => {});
     };
   }, [isRename]);
 

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

@@ -104,29 +104,20 @@ export default function Page({
       ) {
         event.preventDefault();
         takeSnapshot();
-        if (
+        if (validateSelection(lastSelection!, edges).length === 0) {
-          validateSelection(lastSelection!, edges).length === 0
-        ) {
           const { newFlow, removedEdges } = generateFlow(
             lastSelection!,
             nodes,
             edges,
             getRandomName()
           );
-          const newGroupNode = generateNodeFromFlow(
+          const newGroupNode = generateNodeFromFlow(newFlow, getNodeId);
-            newFlow,
+          const newEdges = reconnectEdges(newGroupNode, removedEdges);
-            getNodeId
-          );
-          const newEdges = reconnectEdges(
-            newGroupNode,
-            removedEdges
-          );
           setNodes((oldNodes) => [
             ...oldNodes.filter(
               (oldNodes) =>
                 !lastSelection?.nodes.some(
-                  (selectionNode) =>
+                  (selectionNode) => selectionNode.id === oldNodes.id
-                    selectionNode.id === oldNodes.id
                 )
             ),
             newGroupNode,