start implementation of approval workflows. Add nav, page, empty table, and status filtering

src/components/Sidebar.tsx

@@ -14,6 +14,7 @@ import {
 	BsClipboardData,
 	BsPeople,
 } from "react-icons/bs";
+import { GoWorkflow } from "react-icons/go";
 import { CiDumbbell } from "react-icons/ci";
 import { RiLogoutBoxFill } from "react-icons/ri";
 import Link from "next/link";
@@ -183,6 +184,16 @@ export default function Sidebar({
 							isMinimized={isMinimized}
 						/>
 					)}
+				{checkAccess(user, ["admin", "developer", "teacher", "corporate", "mastercorporate"]) && (
+					<Nav
+						disabled={disableNavigation}
+						Icon={GoWorkflow}
+						label="Approval Workflows"
+						path={path}
+						keyPath="/approval-workflows"
+						isMinimized={isMinimized}
+					/>
+				)}
 			</div>
 			<div className="-xl:flex flex-col gap-3 xl:hidden">
 				<Nav disabled={disableNavigation} Icon={MdSpaceDashboard} label="Dashboard" path={path} keyPath="/" isMinimized />