chore: estructura inicial del MVP

Backend (Express + MariaDB) y frontend (React + Vite, identidad Fluent/Windows) con el
nucleo funcional: seguridad, organizacion, proyectos, actividades, subtareas, dependencias,
dashboard, calendario, gantt, comentarios, adjuntos, notificaciones in-app y catalogos.

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

frontend/src/components/NavigationView.jsx

@@ -0,0 +1,31 @@
+import { NavLink } from 'react-router-dom';
+import { LayoutDashboard, FolderKanban, Building2, Settings } from 'lucide-react';
+import { useUi } from '../context/ui-context.jsx';
+
+const ITEMS = [
+  { to: '/', icon: LayoutDashboard, labelKey: 'nav_dashboard', end: true },
+  { to: '/proyectos', icon: FolderKanban, labelKey: 'nav_projects' },
+  { to: '/organizacion', icon: Building2, labelKey: 'nav_organization' },
+  { to: '/configuracion', icon: Settings, labelKey: 'nav_config' },
+];
+
+export function NavigationView({ mode }) {
+  const { t } = useUi();
+  return (
+    <nav className={`nav-view ${mode}`}>
+      <div className="nav-header">
+        <div className="nav-logo">LC</div>
+        {mode !== 'compact' && <div className="nav-title">{t('appName')}</div>}
+      </div>
+      <div className="nav-items">
+        {ITEMS.map((item) => (
+          <NavLink key={item.to} to={item.to} end={item.end} className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
+            <item.icon />
+            {mode !== 'compact' && <span>{t(item.labelKey)}</span>}
+          </NavLink>
+        ))}
+      </div>
+      {mode !== 'compact' && <div className="nav-footer">v0.1.0</div>}
+    </nav>
+  );
+}