fix(tabsContext.tsx): remove unnecessary code that deletes component data from state

refactor(tabsContext.tsx): update processFlows function to handle removing flows from state
fix(extraSidebarComponent/index.tsx): remove unused code that caused bugs
fix(extraSidebarComponent/sideBarDraggableComponent/index.tsx): update deleteComponent function to remove count from item name

src/frontend/src/contexts/tabsContext.tsx

@@ -391,15 +391,8 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     if (index >= 0) {
       await deleteFlowFromDatabase(id);
       //removes component from data if there is any
-      if (flows[index].is_component) {
-        setData((prev) => {
-          let newData = _.cloneDeep(prev);
-          const key = flows[index].data!.nodes[0].data.type;
-          delete newData["custom_components"][key];
-          return newData;
-        });
-      }
       setFlows(flows.filter((flow) => flow.id !== id));
+      processFlows(flows.filter((flow) => flow.id !== id));
     }
   }
   /**

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

@@ -121,10 +121,10 @@ export default function ExtraSidebar(): JSX.Element {
       setSearch("");
     }
   }
+  //CAUSADORA DE BUGS
   useEffect(() => {
     if (getFilterEdge.length === 0 && search === "") {
       setFilterData(data);
-      setFilterEdge([]);
       setSearch("");
     }
   }, [getFilterEdge, data]);

src/frontend/src/pages/FlowPage/components/extraSidebarComponent/sideBarDraggableComponent/index.tsx

@@ -49,7 +49,10 @@ export default function SidebarDraggableComponent({
         );
         break;
       case "delete":
-        deleteComponent(autoLogin ? "auto" : userData?.id!, itemName);
+        deleteComponent(
+          autoLogin ? "auto" : userData?.id!,
+          removeCountFromString(itemName)
+        );
         break;
     }
   }