use custom hook to rerender workflow instead of reloading full page.

src/hooks/useApprovalWorkflows.tsx

@@ -1,24 +0,0 @@
-import { ApprovalWorkflow } from "@/interfaces/approval.workflow";
-import axios from "axios";
-import { useCallback, useEffect, useState } from "react";
-
-export default function useApprovalWorkflows() {
-  const [workflows, setWorkflows] = useState<ApprovalWorkflow[]>([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [isError, setIsError] = useState(false);
-
-  const getData = useCallback(() => {
-    setIsLoading(true);
-    axios
-      .get<ApprovalWorkflow[]>(`/api/approval-workflows`)
-      .then((response) => setWorkflows(response.data))
-      .catch((error) => {
-        setIsError(true); 
-      })
-      .finally(() => setIsLoading(false));
-  }, []);
-
-  useEffect(getData, [getData]);
-
-  return { workflows, isLoading, isError, reload: getData };
-}