Fix issues on main route

src/ui/routes/MainRoute.tsx

@@ -4,6 +4,10 @@
  * @author Pierre Hubert
  */
 
+import { Home, Person } from "@mui/icons-material";
+import CloseSharpIcon from "@mui/icons-material/CloseSharp";
+import GroupIcon from "@mui/icons-material/Group";
+import HistoryIcon from "@mui/icons-material/History";
 import {
 	AppBar,
 	Divider,
@@ -12,23 +16,18 @@ import {
 	ListItem,
 	ListItemIcon,
 	ListItemText,
-	makeStyles,
 	Paper,
 	Toolbar,
 	Typography,
 } from "@mui/material";
-import { Home, Person } from "@mui/icons-material";
-import CloseSharpIcon from "@mui/icons-material/CloseSharp";
-import GroupIcon from "@mui/icons-material/Group";
-import HistoryIcon from "@mui/icons-material/History";
 import React from "react";
 import {
 	BrowserRouter as Router,
 	Route,
 	Routes,
+	useMatch,
 	useNavigate,
 	useParams,
-	useMatch,
 } from "react-router-dom";
 import { AccountHelper, AdminAccountRole } from "../../helpers/AccountHelper";
 import { AccountLogsRoute } from "./AccountLogsRoute";
@@ -121,7 +120,7 @@ export function MainRoute() {
 					}}
 					color="primary"
 				>
-					<Toolbar style={{ padding: 24 }}>
+					<Toolbar>
 						<Typography
 							component="h1"
 							variant="h6"
@@ -164,33 +163,34 @@ export function MainRoute() {
 							}}
 						>
 							<Routes>
-								<Route path="/">
-									<HomeRoute></HomeRoute>
-								</Route>
+								<Route path="/" element={<HomeRoute />} />
 
-								<Route path="/users">
-									<SearchComunicUsersRoute />
-								</Route>
+								<Route
+									path="/users"
+									element={<SearchComunicUsersRoute />}
+								/>
 
-								<Route path="/user/:id">
-									<ComunicUserRouteProxy />
-								</Route>
+								<Route
+									path="/user/:id"
+									element={<ComunicUserRouteProxy />}
+								/>
 
-								<Route path="/accounts">
-									<AccountsListRoute />
-								</Route>
+								<Route
+									path="/accounts"
+									element={<AccountsListRoute />}
+								/>
 
-								<Route path="/accounts/:id">
-									<AccountSettingsRoute />
-								</Route>
+								<Route
+									path="/accounts/:id"
+									element={<AccountSettingsRoute />}
+								/>
 
-								<Route path="/logs">
-									<AccountLogsRoute />
-								</Route>
+								<Route
+									path="/logs"
+									element={<AccountLogsRoute />}
+								/>
 
-								<Route path="*">
-									<NotFoundRoute />
-								</Route>
+								<Route path="*" element={<NotFoundRoute />} />
 							</Routes>
 						</div>
 					</div>