feat: Refactor navigation structure by removing DoubleNavbar and integrating AppShellWithMenu; enhance styling with new Appshell.module.css

frontend/src/pages/404.tsx

@@ -1,16 +1,12 @@
 import { Box, Title, Text, Button, Group, Stack, Image, Center } from '@mantine/core';
 import { IconArrowLeft } from '@tabler/icons-react';
 import { Link } from 'react-router-dom';
-import { DoubleNavbar } from '../components/DoubleNavbar'; // Ajusta ruta si es necesario
 import { MantineCardWithShader } from '../components/HoloShader'; // Ajusta ruta si es necesario
 
 
 export function Error_404() {
   return (
     <Box style={{ display: 'flex', height: '100vh' }}>
-      <DoubleNavbar />
-
-
 
       <Box style={{ flex: 1, display: 'flex', justifyContent: 'center', alignItems: 'center', padding: '2rem' }}>
         

frontend/src/pages/Consulta_api.tsx

@@ -9,7 +9,6 @@ import {
   Badge,
   Group,
 } from '@mantine/core';
-import { DoubleNavbar } from '../components/DoubleNavbar';
 import { MetodoSelect } from '../components/MetodoSelect'; // 👈 Importación del nuevo componente
 import { useEffect } from 'react';
 
@@ -88,7 +87,6 @@ export function Consulta_API() {
 
   return (
     <Box style={{ display: 'flex', height: '100vh' }}>
-      <DoubleNavbar />
   
       <Box style={{ flex: 1, padding: 40 }}>
         <Center style={{ height: '100%' }}>

frontend/src/pages/Home.page.tsx

@@ -2,7 +2,6 @@ import { ColorSchemeToggle } from '../components/ColorSchemeToggle/ColorSchemeTo
 import { Welcome } from '../components/Welcome/Welcome';
 import MiBoton from '../components/botoncito';
 import { Center, Box } from '@mantine/core';
-import { DoubleNavbar } from '../components/DoubleNavbar';
 import { MantineCardWithShader } from '../components/HoloShader';
 
 
@@ -11,14 +10,7 @@ import { MantineCardWithShader } from '../components/HoloShader';
 export function HomePage() {
   return (
     <Box style={{ display: 'flex', height: '100vh' }}>
-      <DoubleNavbar /> {/* Sidebar fijo a la izquierda */}
 
-      {/* Contenido principal */}
-      <Box style={{ flex: 1, padding: '24px' }}>
-        <Welcome />
-        <ColorSchemeToggle />
-
-      </Box>
     </Box>
   );
 }

frontend/src/pages/Prueba_appshell.tsx

@@ -2,13 +2,12 @@ import { ColorSchemeToggle } from '../components/ColorSchemeToggle/ColorSchemeTo
 import { Welcome } from '../components/Welcome/Welcome';
 import MiBoton from '../components/botoncito';
 import { Center, Box } from '@mantine/core';
-import { DoubleNavbar } from '../components/DoubleNavbar';
 import { MantineCardWithShader } from '../components/HoloShader';
-import { CollapseDesktop } from '../components/Appshell_collapse';
+import {AppShellWithMenu } from '../components/Appshell_collapse';
 
 
 export function Prueba_appshell() {
   return (
-    <CollapseDesktop />
+    <AppShellWithMenu />
   );
 }