feat: Update favicon path and enhance Home page content; adjust CSS for improved layout

frontend/src/components/Appshell/Appshell.module.css

@@ -29,9 +29,9 @@
     flex: 1;
   }
   
-
+  /* Esta es la barra izquierda pequeña donde los iconos */
   .aside {
-    flex: 0 0 60px;
+    flex: 0 0 54px;
     background-color: var(--mantine-color-body);
     display: flex;
     flex-direction: column;
@@ -48,10 +48,12 @@
     padding-top: 12px; /* o la cantidad que desees */
   }
 
+  /* Estos son los iconos */
   .mainLink {
     
-    width: 44px;
-    height: 44px;
+    width: 40px;
+    height: 40px;
+    margin-bottom: 4px;
     border-radius: var(--mantine-radius-md);
     display: flex;
     align-items: center;
@@ -82,9 +84,9 @@
     padding: 0 var(--mantine-spacing-md);
     font-size: var(--mantine-font-size-sm);
     margin-right: var(--mantine-spacing-md);
-    font-weight: 500;
-    height: 44px;
-    line-height: 44px;
+    font-weight: 420;
+    height: 30px;
+    line-height: 30px;
   
     &:hover {
       background-color: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));

frontend/src/components/Appshell/Appshell.tsx

@@ -104,7 +104,7 @@ import {
         <UnstyledButton
           onClick={() => {
             setManualActiveTab(link.label);
-            if (isMobile) closeMobile();
+
           }}
           className={classes.mainLink}
           data-active={link.label === active || undefined}
@@ -154,7 +154,7 @@ import {
           <Group h="100%" px="md">
             <Burger opened={mobileOpened} onClick={toggleMobile} hiddenFrom="sm" size="sm" />
             <Burger opened={desktopOpened} onClick={toggleDesktop} visibleFrom="sm" size="sm" />
-            <img src="/public/favicon.svg" alt="Logo" style={{ width: 30, height: 30 }} />
+            <img src="/src/public/favicon.svg" alt="Logo" style={{ width: 30, height: 30 }} />
           </Group>
         </AppShell.Header>
 

frontend/src/components/HoloShader.tsx

@@ -120,20 +120,22 @@ export function MantineCardWithShader() {
       <HolographicBackground color={rgb} />
 
       <Box style={{ position: 'relative', zIndex: 1, textAlign: 'center' }}>
-        <Title
-          order={1}
-          style={{
-            fontSize: '15rem',
-            fontWeight: 900,
-            backgroundImage: 'linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0))',
-            WebkitBackgroundClip: 'text',
-            WebkitTextFillColor: 'transparent',
-            textAlign: 'center',
-            lineHeight: 1,
-          }}
-        >
-          404
-        </Title>
+      <Title
+        order={1}
+        style={{
+          fontSize: '15rem',
+          fontWeight: 900,
+          backgroundImage: 'linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0))',
+          WebkitBackgroundClip: 'text',
+          WebkitTextFillColor: 'transparent',
+          textAlign: 'center',
+          lineHeight: 1,
+          userSelect: 'none',       // <-- evita selección
+          textDecoration: 'none',   // <-- evita subrayado
+        }}
+      >
+        404
+      </Title>
       </Box>
     </Card>
   );

frontend/src/pages/Home.page.tsx

@@ -1,10 +1,18 @@
 import { AppShellWithMenu } from '../components/Appshell/Appshell';
-
+import { Welcome } from '@/components/Welcome/Welcome';
 
 export function HomePage() {
   return (
     <AppShellWithMenu>
 
+      <Welcome />
+
+      <div style={{ padding: '20px' }}>
+        <h1>Welcome to the Home Page</h1>
+        <p>This is the home page content.</p>
+      </div>
+
+
     </AppShellWithMenu>
   );
 }

frontend/src/public/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 163 163"><path fill="#339AF0" d="M162.162 81.5c0-45.011-36.301-81.5-81.08-81.5C36.301 0 0 36.489 0 81.5 0 126.51 36.301 163 81.081 163s81.081-36.49 81.081-81.5z"/><path fill="#fff" d="M65.983 43.049a6.234 6.234 0 00-.336 6.884 6.14 6.14 0 001.618 1.786c9.444 7.036 14.866 17.794 14.866 29.52 0 11.726-5.422 22.484-14.866 29.52a6.145 6.145 0 00-1.616 1.786 6.21 6.21 0 00-.694 4.693 6.21 6.21 0 001.028 2.186 6.151 6.151 0 006.457 2.319 6.154 6.154 0 002.177-1.035 50.083 50.083 0 007.947-7.39h17.493c3.406 0 6.174-2.772 6.174-6.194s-2.762-6.194-6.174-6.194h-9.655a49.165 49.165 0 004.071-19.69 49.167 49.167 0 00-4.07-19.692h9.66c3.406 0 6.173-2.771 6.173-6.194 0-3.422-2.762-6.193-6.173-6.193H82.574a50.112 50.112 0 00-7.952-7.397 6.15 6.15 0 00-4.578-1.153 6.189 6.189 0 00-4.055 2.438h-.006z"/><path fill="#fff" fill-rule="evenodd" d="M56.236 79.391a9.342 9.342 0 01.632-3.608 9.262 9.262 0 011.967-3.077 9.143 9.143 0 012.994-2.063 9.06 9.06 0 017.103 0 9.145 9.145 0 012.995 2.063 9.262 9.262 0 011.967 3.077 9.339 9.339 0 01-2.125 10.003 9.094 9.094 0 01-6.388 2.63 9.094 9.094 0 01-6.39-2.63 9.3 9.3 0 01-2.755-6.395z" clip-rule="evenodd"/></svg>