fix: build

Author: Angular2Guy

frontend/app/components/Main.tsx

@@ -23,6 +23,7 @@ import { fetchGasStations, fetchPriceAvgs, fetchTimeSlots, fetchUserNotification
 import { type TimeSlot } from '../model/time-slot-response';
 import { type GsValue } from '../model/gs-point';
 import { type MyDataJson } from '../model/my-data-json';
+import { styled } from '@mui/material/styles';
 
 
 export default function Main() {

frontend/app/react-router.config.ts

@@ -0,0 +1,7 @@
+import type { Config } from '@react-router/dev/config';
+
+export default {
+  // Config options...
+  // Server-side render by default, to enable SPA mode set this to `false`
+  ssr: false,
+} satisfies Config;

frontend/app/root.scss

@@ -15,6 +15,7 @@
 @import '@fontsource/roboto/500.css';
 @import '@fontsource/roboto/700.css';
 
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',

frontend/app/root.tsx

@@ -18,6 +18,7 @@ import reportWebVitals from './reportWebVitals';
 import { RecoilRoot } from 'recoil';
 import { BrowserRouter, Route, Routes } from 'react-router';
 import Login from './Login';
+import { styled } from '@mui/material/styles';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement