feat: version 2.8.7 -- nuevo icono de LinkedCorp en el sidebar, al doble de tamaño

Reemplaza el icono del pie del menu lateral por el nuevo logo entregado (sin fondo), al
doble de tamaño. Como el nuevo logo no trae el texto, se agrega "LinkedCorp" por separado
con tipografia redondeada (Baloo 2, via Google Fonts) similar a la de los logos anteriores,
que ya se adapta sola a tema claro/oscuro via las variables de color existentes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog - project.linkedcorp.net
 
+## [2.8.7] - 2026-10-02
+### Changed
+- Nuevo ícono de LinkedCorp en el pie del menú lateral (reemplaza el anterior), al doble de
+  tamaño. Como el ícono nuevo no incluye el texto, se agrega "LinkedCorp" escrito aparte con una
+  tipografía redondeada similar a la de los logos anteriores (Baloo 2), que se adapta sola a
+  tema claro/oscuro.
+
 ## [2.8.6] - 2026-10-01
 ### Changed
 - El botón para ocultar el catálogo de logos de marca casi no se distinguía (un "−" chico) —

VERSION

@@ -1 +1 @@
-2.8.6
+2.8.7

backend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-linkedcorp-backend",
-  "version": "2.8.6",
+  "version": "2.8.7",
   "private": true,
   "type": "module",
   "main": "src/server.js",

frontend/index.html

@@ -6,6 +6,12 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="alternate icon" href="/favicon.png" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <!-- Solo para el texto "LinkedCorp" del logo del sidebar (nav-logo-text-footer): letra
+         redondeada parecida a la de los logos rasterizados existentes (logoLinkedCorpTxt*.png).
+         No afecta la tipografia general de la app (--app-font, Segoe UI/Fluent). -->
+    <link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&display=swap" rel="stylesheet" />
     <title>project.linkedcorp.net</title>
   </head>
   <body>

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "project-linkedcorp-frontend",
   "private": true,
-  "version": "2.8.6",
+  "version": "2.8.7",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/src/components/NavigationView.jsx

@@ -3,9 +3,7 @@ import { LayoutDashboard, FolderKanban, Building2, Settings, Repeat, StickyNote,
 import { useUi } from '../context/ui-context.jsx';
 import { useAuth } from '../context/auth-context.jsx';
 import { useBranding } from '../context/branding-context.jsx';
-import logoDark from '../assets/logoLinkedCorpTxt.png';
-import logoLight from '../assets/logoLinkedCorpTxtBlack.png';
-import logoIcon from '../assets/logoLinked1.png';
+import logoIcon from '../assets/logoLinkedTrackIcon.png';
 import pkg from '../../package.json';
 
 const ITEMS = [
@@ -19,7 +17,7 @@ const ITEMS = [
 ];
 
 export function NavigationView({ mode, mobileOpen, onNavigate }) {
-  const { t, theme } = useUi();
+  const { t } = useUi();
   const { user } = useAuth();
   const branding = useBranding();
   // En celular el drawer siempre se ve completo (con etiquetas), sin importar el modo
@@ -51,7 +49,10 @@ export function NavigationView({ mode, mobileOpen, onNavigate }) {
           <img src={logoIcon} alt="LinkedCorp" className="nav-logo-icon-footer" />
         ) : (
           <>
-            <img src={theme === 'light' ? logoLight : logoDark} alt="LinkedCorp" className="nav-logo-full-footer" />
+            <div className="nav-logo-footer-full-wrap">
+              <img src={logoIcon} alt="LinkedCorp" className="nav-logo-icon-footer-full" />
+              <span className="nav-logo-text-footer">LinkedCorp</span>
+            </div>
             <span className="nav-version">v{pkg.version}</span>
           </>
         )}

frontend/src/styles/app.css

@@ -63,8 +63,10 @@ button { font-family: inherit; }
   padding: 12px; border-top: 1px solid rgb(var(--line)); font-size: .68rem; color: rgb(var(--muted));
 }
 .nav-view.compact .nav-footer { align-items: center; }
-.nav-logo-icon-footer { width: 20px; height: 20px; flex: none; object-fit: contain; }
-.nav-logo-full-footer { height: 18px; width: auto; max-width: 100%; object-fit: contain; }
+.nav-logo-icon-footer { width: 40px; height: 40px; flex: none; object-fit: contain; }
+.nav-logo-footer-full-wrap { display: flex; align-items: center; gap: 8px; }
+.nav-logo-icon-footer-full { width: 36px; height: 36px; flex: none; object-fit: contain; }
+.nav-logo-text-footer { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 1.3rem; line-height: 1; color: rgb(var(--body)); }
 .nav-header {
   display: flex; align-items: center; justify-content: flex-start;
   padding: 14px 12px; border-bottom: 1px solid rgb(var(--line));