Start implementing with back-end. Create workflows completed and fetching workflows on server side as well, to show them in the table.

src/pages/approval-workflows/index.tsx

@@ -25,7 +25,8 @@ import { toast, ToastContainer } from "react-toastify";
 
 import Input from "@/components/Low/Input";
 import { FaRegClone } from "react-icons/fa6";
-import approvalWorkflowsData from '../../demo/approval_workflows.json'; // to test locally
+import useApprovalWorkflows from "@/hooks/useApprovalWorkflows";
+import { getApprovalWorkflows } from "@/utils/approval.workflows.be";
 
 const columnHelper = createColumnHelper<ApprovalWorkflow>();
 
@@ -36,8 +37,7 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
     if (shouldRedirectHome(user) || !["admin", "developer", "teacher", "corporate", "mastercorporate"].includes(user.type))
         return redirect("/")
 
-    // replace later with useApprovalWorkflows()
-    const workflows = approvalWorkflowsData as ApprovalWorkflow[];
+    const workflows = await getApprovalWorkflows();
 
     const allAssigneeIds: string[] = [
         ...new Set(