Rename interfaces, AppBar changes

frontend_reactjs/src/App.tsx

@@ -10,7 +10,7 @@ import ApiTest from "./pages/ApiTest"
 import SignUp from "./pages/auth/SignUp"
 import { initAuth, useAuthStore } from "./store/auth"
 import { useEffect, useState } from "react"
-import { CircularProgress } from "@mui/material"
+import { Box, CircularProgress, Container } from "@mui/material"
 
 function App() {
   const auth = useAuthStore()
@@ -33,7 +33,10 @@ function App() {
     )
   } else {
     return (
-      <>
+      <Box sx={{
+        width: "100%",
+        height: "100vh"
+      }}>
         <Router>
           <Routes>
             <Route element={<MainLayout />}>
@@ -50,7 +53,7 @@ function App() {
             </Route>
           </Routes>
         </Router>
-      </>
+      </Box>
     )
   }
 }