Rework Conditions.tsx and ConditionsMap.tsx

- Move topbar in the Conditions.tx
- Move css import in right files
- Optimize and simplify ConditionsMap.tsx
Cleanup page files
- Rename Main and Inspect
- Remove unused
- Align backend calls

frontend/src/App.tsx

@@ -1,20 +1,24 @@
 import { FC } from 'react';
-import { BrowserRouter as Router, Navigate } from 'react-router-dom';
+import {
+  BrowserRouter as Router,
+  Navigate,
+  Route,
+  Routes,
+} from 'react-router-dom';
 
 import './App.css';
-import { Route, Routes } from 'react-router-dom';
-import RoadDetails from './pages/RoadDetails';
+import Inspect from './pages/Inspect';
 
-import Conditions from './pages/Conditions';
+import Main from './pages/Main';
 
 const App: FC = () => {
   return (
     <div className="App">
       <Router>
         <Routes>
           <Route index element={<Navigate to="/map" replace />} />
-          <Route path="/map" element={<Conditions />} />
-          <Route path="/road-details" element={<RoadDetails />} />
+          <Route path="/map" element={<Main />} />
+          <Route path="/road-details" element={<Inspect />} />
         </Routes>
       </Router>
     </div>