🐛 fix(tabsContext.tsx): add delay to refreshFlows function to prevent race condition with API call

🐛 fix(typesContext.tsx): add delay to useEffect to prevent race condition with API call

src/frontend/src/contexts/tabsContext.tsx

@@ -113,16 +113,18 @@ export function TabsProvider({ children }: { children: ReactNode }) {
   }
 
   function refreshFlows() {
-    getTabsDataFromDB().then((DbData) => {
+    setTimeout(() => {
-      if (DbData && Object.keys(templates).length > 0) {
+      getTabsDataFromDB().then((DbData) => {
-        try {
+        if (DbData && Object.keys(templates).length > 0) {
-          processDBData(DbData);
+          try {
-          updateStateWithDbData(DbData);
+            processDBData(DbData);
-        } catch (e) {
+            updateStateWithDbData(DbData);
-          console.error(e);
+          } catch (e) {
+            console.error(e);
+          }
         }
-      }
+      });
-    });
+    }, 2000);
   }
 
   useEffect(() => {

src/frontend/src/contexts/typesContext.tsx

@@ -39,6 +39,9 @@ export function TypesProvider({ children }: { children: ReactNode }) {
   const { setLoading } = useContext(alertContext);
 
   useEffect(() => {
+
+    setTimeout(() => {
+      
     // We will keep a flag to handle the case where the component is unmounted before the API call resolves.
     let isMounted = true;
 
@@ -85,6 +88,8 @@ export function TypesProvider({ children }: { children: ReactNode }) {
     }
 
     getTypes();
+    }, 2000);
+
   }, []);
 
   function deleteNode(idx: string) {