Started implementing the roles permissions

src/components/High/Layout.tsx

@@ -1,7 +1,7 @@
 import {User} from "@/interfaces/user";
 import clsx from "clsx";
 import {useRouter} from "next/router";
-import BottomBar from "../BottomBar";
+import { ToastContainer } from "react-toastify";
 import Navbar from "../Navbar";
 import Sidebar from "../Sidebar";
 
@@ -20,6 +20,7 @@ export default function Layout({user, children, className, bgColor="bg-white", n
 
 	return (
 		<main className={clsx("w-full min-h-full h-screen flex flex-col bg-mti-gray-smoke relative")}>
+			<ToastContainer />
 			<Navbar
 				path={router.pathname}
 				user={user}

src/components/Sidebar.tsx

@@ -167,16 +167,6 @@ export default function Sidebar({ path, navDisabled = false, focusMode = false,
             isMinimized={isMinimized}
           />
         )}
-        {checkAccess(user, ["developer", "admin", "corporate", "mastercorporate", "agent"]) && (
-          <Nav
-            disabled={disableNavigation}
-            Icon={BsFileLock}
-            label="Permissions"
-            path={path}
-            keyPath="/permissions"
-            isMinimized={isMinimized}
-          />
-        )}
       </div>
       <div className="-xl:flex flex-col gap-3 xl:hidden">
         <Nav disabled={disableNavigation} Icon={MdSpaceDashboard} label="Dashboard" path={path} keyPath="/" isMinimized={true} />
@@ -194,9 +184,6 @@ export default function Sidebar({ path, navDisabled = false, focusMode = false,
         {checkAccess(user, getTypesOfUser(["student"])) && (
           <Nav disabled={disableNavigation} Icon={BsShieldFill} label="Settings" path={path} keyPath="/settings" isMinimized={true} />
         )}
-        {checkAccess(user, getTypesOfUser(["student"])) && (
-          <Nav disabled={disableNavigation} Icon={BsShieldFill} label="Permissions" path={path} keyPath="/permissions" isMinimized={true} />
-        )}
         {checkAccess(user, ["developer"]) && (
           <>
             <Nav