feat: Implement main application shell with navigation and color scheme toggle

- Added Appshell component with responsive navbar and main content area
- Integrated ColorSchemeToggle for light/dark mode switching
- Created Welcome component with styled title and introductory text
- Developed ChatPage for LLM interaction with WebSocket support
- Implemented Biblioteca for managing notes with rich text editor
- Added LoginPage for user authentication with error handling
- Introduced MessageList and MessageBubble components for chat messages
- Styled components with CSS modules for consistent design

frontend/src/Router.tsx

@@ -1,14 +1,14 @@
 import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-import { HomePage } from './domains/Home/Home.page';
-import { Consulta_API } from './domains/Experiments/Consulta_api';
-import { Error_404 } from './domains/FitzStudio/404/404'; // Ajusta si está en otra carpeta
-import { Grid_Dashboard } from './domains/Experiments/Grid_dashboard'; // Ajusta si está en otra carpeta
-import { Biblioteca } from './domains/TextEditor/Biblioteca';
-import { VisualizacionesRandom } from './domains/Experiments/Visualizaciones_Random';
-import { Camara_noir } from './domains/CamaraNoir/Camaras_noir';
-import EditorTest from "./domains/TextEditor/Editor_Test";
-import { ChatPage } from './domains/Llms/Chat/ChatPage';
-import { LoginPage } from './domains/Usuarios/Login.page';
+import { HomePage } from './frontend_domains/Home/Home.page';
+import { Consulta_API } from './frontend_domains/Experiments/Consulta_api';
+import { Error_404 } from './frontend_domains/FitzStudio/404/404'; // Ajusta si está en otra carpeta
+import { Grid_Dashboard } from './frontend_domains/Experiments/Grid_dashboard'; // Ajusta si está en otra carpeta
+import { Biblioteca } from './frontend_domains/TextEditor/Biblioteca';
+import { VisualizacionesRandom } from './frontend_domains/Experiments/Visualizaciones_Random';
+import { Camara_noir } from './frontend_domains/CamaraNoir/Camaras_noir';
+import EditorTest from "./frontend_domains/TextEditor/Editor_Test";
+import { ChatPage } from './frontend_domains/Llms/Chat/ChatPage';
+import { LoginPage } from './frontend_domains/Usuarios/Login.page';
 
 const router = createBrowserRouter([
 

frontend/src/data/submenuLinks_1.ts

@@ -1,6 +1,6 @@
 // src/data/submenuLinks.ts
 
-import { Biblioteca } from "@/domains/TextEditor/Biblioteca";
+import { Biblioteca } from "@/frontend_domains/TextEditor/Biblioteca";
 
 export const submenuLinks = {
 

frontend/src/frontend_domains/FitzStudio/404/404.tsx

@@ -3,7 +3,7 @@ import { useMantineTheme } from '@mantine/core';
 import { IconArrowLeft } from '../../../assets/icons';
 import { Link } from 'react-router-dom';
 import { MantineCardWithShader } from './HoloShader_404'; // Ajusta ruta si es necesario
-import { AppShellWithMenu } from '../../FitzStudio/Appshell/Appshell';
+import { AppShellWithMenu } from '../Appshell/Appshell';
 
 
 

frontend/src/frontend_domains/FitzStudio/Plantilla.tsx

@@ -1,4 +1,4 @@
-import { AppShellWithMenu } from '../FitzStudio/Appshell/Appshell';
+import { AppShellWithMenu } from './Appshell/Appshell';
 
 
 export function Plantilla() {

frontend/src/frontend_domains/Home/Home.page.tsx

@@ -1,6 +1,6 @@
 import { AppShellWithMenu } from '../FitzStudio/Appshell/Appshell';
-import { Welcome } from '@/domains/FitzStudio/Welcome/Welcome';
-import { ColorSchemeToggle } from '@/domains/FitzStudio/ColorSchemeToggle/ColorSchemeToggle';
+import { Welcome } from '@/frontend_domains/FitzStudio/Welcome/Welcome';
+import { ColorSchemeToggle } from '@/frontend_domains/FitzStudio/ColorSchemeToggle/ColorSchemeToggle';
 
 
 export function HomePage() {

frontend/src/frontend_domains/Usuarios/Login.page.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { TextInput, PasswordInput, Button, Paper, Title, Container, Group, Alert } from '@mantine/core';
-import { IconUser, IconLock } from '@tabler/icons-react';
+import UserIcon from '../../assets/icons/outlined/user.svg?react';
+import LockIcon from '../../assets/icons/outlined/lock.svg?react';
 
 export function LoginPage() {
   const [email, setEmail] = useState('');
@@ -37,7 +38,7 @@ export function LoginPage() {
           <TextInput
             label="Email"
             placeholder="tucorreo@ejemplo.com"
-            icon={<IconUser size={18} />}
+            icon={<UserIcon style={{ width: 18, height: 18 }} />}
             value={email}
             onChange={e => setEmail(e.target.value)}
             required
@@ -46,7 +47,7 @@ export function LoginPage() {
           <PasswordInput
             label="Contraseña"
             placeholder="Tu contraseña"
-            icon={<IconLock size={18} />}
+            icon={<LockIcon style={{ width: 18, height: 18 }} />}
             value={password}
             onChange={e => setPassword(e.target.value)}
             required