again i havee no clue but the ports aren't working

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}

frontend/next-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference path="./build/types/routes.d.ts" />
+/// <reference path="./.next/types/routes.d.ts" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

frontend/src/layouts/Authenticated.tsx

@@ -99,6 +99,7 @@ export default function LayoutAuthenticated({
             isAsideMobileExpanded ? 'ml-60 lg:ml-0' : ''
           }`}
         >
+          <>
             <NavBarItemPlain
               display='flex lg:hidden'
               onClick={() => setIsAsideMobileExpanded(!isAsideMobileExpanded)}
@@ -117,6 +118,7 @@ export default function LayoutAuthenticated({
             <NavBarItemPlain useMargin>
               <Search />
             </NavBarItemPlain>
+          </>
         </NavBar>
         <AsideMenu
           isAsideMobileExpanded={isAsideMobileExpanded}