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

@@ -49,9 +49,7 @@ export const MenuBar = ({
           setSuccessData({ title: "Flow duplicated successfully" });
           navigate("/flow/" + id);
         });
-      }
+      } else {
-      else
-      {
         addFlow(true).then((id) => {
           navigate("/flow/" + id);
         });

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,