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,24 +99,26 @@ export default function LayoutAuthenticated({
             isAsideMobileExpanded ? 'ml-60 lg:ml-0' : ''
           }`}
         >
-          <NavBarItemPlain
-            display='flex lg:hidden'
-            onClick={() => setIsAsideMobileExpanded(!isAsideMobileExpanded)}
-          >
-            <BaseIcon
-              path={isAsideMobileExpanded ? mdiBackburger : mdiForwardburger}
-              size='24'
-            />
-          </NavBarItemPlain>
-          <NavBarItemPlain
-            display='hidden lg:flex xl:hidden'
-            onClick={() => setIsAsideLgActive(true)}
-          >
-            <BaseIcon path={mdiMenu} size='24' />
-          </NavBarItemPlain>
-          <NavBarItemPlain useMargin>
-            <Search />
-          </NavBarItemPlain>
+          <>
+            <NavBarItemPlain
+              display='flex lg:hidden'
+              onClick={() => setIsAsideMobileExpanded(!isAsideMobileExpanded)}
+            >
+              <BaseIcon
+                path={isAsideMobileExpanded ? mdiBackburger : mdiForwardburger}
+                size='24'
+              />
+            </NavBarItemPlain>
+            <NavBarItemPlain
+              display='hidden lg:flex xl:hidden'
+              onClick={() => setIsAsideLgActive(true)}
+            >
+              <BaseIcon path={mdiMenu} size='24' />
+            </NavBarItemPlain>
+            <NavBarItemPlain useMargin>
+              <Search />
+            </NavBarItemPlain>
+          </>
         </NavBar>
         <AsideMenu
           isAsideMobileExpanded={isAsideMobileExpanded}