chore: change port to 3030 and fix build errors (#234)

Author: Agnieszka0544

frontend/app/layoutComponents.tsx

@@ -18,7 +18,7 @@ export default function NavigationBar({ children }: NavigationBarProps) {
     <div className={styles.App}>
       <Navbar onMenuClick={() => setIsMenuCollapsed(!isMenuCollapsed)} />
       <div className={styles.ContentNav}>
-        <SideMenu className={isMenuCollapsed ? styles.hidden : undefined} />
+        <SideMenu className={isMenuCollapsed ? styles.hidden : styles.visible} />
         <div className={styles.mainContent}>{children}</div>
       </div>
     </div>

frontend/app/presentationMode/utils/retrieveAutomaticDashboardsData.ts

@@ -1,4 +1,4 @@
-import { GrafanaCatalog } from '../../../sideMenu/DashboardsClient';
+import { GrafanaCatalog } from '@/src/components/sideMenu/DashboardsClient';
 import { ItemDTO } from './ItemDTO';
 
 export const retrieveAutomaticDashboardsData = (dashboardsData: GrafanaCatalog[]): ItemDTO[] => {

frontend/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "next dev -p 3030",
     "build": "next build",
-    "start": "next start",
+    "start": "next start -p 3030",
     "lint": "next lint",
     "prettier-format": "prettier --config .prettierrc \"{**/*,*}.{js,jsx,ts,tsx,css,md,json}\" --write"
   },

frontend/src/App.module.scss

@@ -43,3 +43,7 @@
   display: none !important;
 }
 
+.visible {
+  display: block;
+}
+