fix: arreglar errores menores y ajustes visuales

frontend/src/routers/AppRouter.jsx

@@ -1,21 +1,16 @@
-import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
-import BasicMode from '../pages/BasicMode';
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import MainLayout from '../components/layout/MainLayout';
 import AdvancedMode from '../pages/AdvancedMode';
-import { MainLayout } from '../components/layout/MainLayout';
 
-export const AppRouter = () => {
+export function AppRouter() {
   return (
-    <Router>
-        <Routes>
-
-            <Route element={<MainLayout />}>
-                <Route path="/basico" element={<BasicMode />} />
-                <Route path="/avanzado" element={<AdvancedMode />} />
-            </Route>
-
-            <Route path="/*" element={<Navigate to="/basico" />} />
-
-        </Routes>
-    </Router>
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<MainLayout />}>
+          <Route index element={<AdvancedMode />} />
+          <Route path="*" element={<Navigate to="/" replace />} />
+        </Route>
+      </Routes>
+    </BrowserRouter>
   );
-};
+}