NestJS backend rewrite; migrate client to FluentUI V9

client/src/App.tsx

@@ -4,8 +4,8 @@ import MainLayout from "./layouts/MainLayout"
 import { initAuth, useAuthStore } from "./store/auth"
 import { useEffect, useState } from "react"
 import DashboardLayout from "./layouts/DashboardLayout"
-import { Box, Loader } from "@mantine/core"
 import { pages } from "./constants/app"
+import { Spinner } from "@fluentui/react-components"
 
 function App() {
   const auth = useAuthStore()
@@ -24,11 +24,14 @@ function App() {
 
   if (isLoading) {
     return (
-      <Loader />
+      <Spinner />
     )
   } else {
     return (
-      <Box w='100%' h='100vh'>
+      <div style={{
+        width: '100%',
+        height: '100vh'
+      }}>
         <Router>
           <Routes>
             <Route element={<MainLayout />}>
@@ -45,7 +48,7 @@ function App() {
             </Route>
           </Routes>
         </Router>
-      </Box>
+      </div>
     )
   }
 }