major change on how workflow builder works. It now fetches in edit mode all the currently configured workflows

src/pages/approval-workflows/index.tsx

@@ -1,5 +1,6 @@
 import Layout from "@/components/High/Layout";
 import Button from "@/components/Low/Button";
+import Input from "@/components/Low/Input";
 import Select from "@/components/Low/Select";
 import { Module, ModuleTypeLabels } from "@/interfaces";
 import { ApprovalWorkflow, ApprovalWorkflowStatus, ApprovalWorkflowStatusLabel, StepTypeLabel } from "@/interfaces/approval.workflow";
@@ -8,6 +9,7 @@ import { User } from "@/interfaces/user";
 import { sessionOptions } from "@/lib/session";
 import { redirect, serialize } from "@/utils";
 import { requestUser } from "@/utils/api";
+import { getConfiguredWorkflows } from "@/utils/approval.workflows.be";
 import { getEntities } from "@/utils/entities.be";
 import { shouldRedirectHome } from "@/utils/navigation.disabled";
 import { getSpecificUsers } from "@/utils/users.be";
@@ -17,18 +19,14 @@ import clsx from "clsx";
 import { withIronSessionSsr } from "iron-session/next";
 import Head from "next/head";
 import Link from "next/link";
+import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 import { BsTrash } from "react-icons/bs";
 import { FaRegEdit } from "react-icons/fa";
+import { FaRegClone } from "react-icons/fa6";
 import { IoIosAddCircleOutline } from "react-icons/io";
 import { toast, ToastContainer } from "react-toastify";
 
-import Input from "@/components/Low/Input";
-import { FaRegClone } from "react-icons/fa6";
-import useApprovalWorkflows from "@/hooks/useApprovalWorkflows";
-import { getApprovalWorkflows } from "@/utils/approval.workflows.be";
-import { useRouter } from "next/router";
-
 const columnHelper = createColumnHelper<ApprovalWorkflow>();
 
 export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
@@ -38,7 +36,7 @@ export const getServerSideProps = withIronSessionSsr(async ({ req, res }) => {
     if (shouldRedirectHome(user) || !["admin", "developer", "teacher", "corporate", "mastercorporate"].includes(user.type))
         return redirect("/")
 
-    const workflows = await getApprovalWorkflows();
+    const workflows = await getConfiguredWorkflows();
 
     const allAssigneeIds: string[] = [
         ...new Set(
@@ -331,7 +329,7 @@ export default function ApprovalWorkflows({ user, workflows, workflowsAssignees,
                                 className="min-w-fit text-lg font-medium flex items-center gap-2 text-left"
                             >
                                 <IoIosAddCircleOutline className="size-6" />
-                                Configure New Workflows
+                                Configure Workflows
                             </Button>
                         </Link>
                     </div>