apps/frontend/src/components/AppNavbar.tsx

@@ -59,6 +59,12 @@ export default function AppNavbar() {
 		}
 	};
 
+	useEffect(() => {
+		if (pathname === "/assessment"){
+			setSidebarOpen(false);
+		}
+	})
+
 	return (
 		<>
 			<div>
@@ -66,6 +72,7 @@ export default function AppNavbar() {
 				<AppHeader toggle={toggleSidebar} openNavbar={isSidebarOpen} />
 
 				{/* Sidebar */}
+				{pathname !== "/assessment" && (
 				<div
 					className={`fixed lg:relative w-64 bg-white top-16 left-0 h-full z-40 px-3 py-4 transition-transform border-x
 				${isSidebarOpen ? 'translate-x-0' : '-translate-x-full'}`}
@@ -81,6 +88,7 @@ export default function AppNavbar() {
 						))}
 					</ScrollArea>
 				</div>
+				)}
 			</div>
 		</>
 	);