Chat interno 1-a-1 entre usuarios de la plataforma (addon skeen_chat + pagina Chat con badge de no leidos)

frontend/src/components/SkeenLayout.tsx

@@ -31,6 +31,7 @@ import {
   Pencil,
   ChevronUp,
   ChevronDown,
+  MessageCircle,
 } from 'lucide-react';
 import { Button, Modal, Input } from './ui';
 import QuickLinksDock, { QuickLinksModePicker } from './QuickLinksDock';
@@ -38,6 +39,7 @@ import GlobalSearch from './GlobalSearch';
 import ThemePicker from './ThemePicker';
 import NotificationBell from './NotificationBell';
 import { useAuth, ROLE_LABELS } from '../lib/auth';
+import { useChatUnread } from '../lib/chat';
 import { useQuickLinks } from '../lib/quicklinks';
 import { odooApi } from '../services/odoo';
 
@@ -91,6 +93,7 @@ const menuGroups = [
   {
     label: 'Comunicación',
     items: [
+      { label: 'Chat', icon: MessageCircle, href: '/chat' },
       { label: 'Cumpleañeros', icon: Cake, href: '/cumpleanos' },
     ],
   },
@@ -108,6 +111,7 @@ export const SkeenLayout: FC<LayoutProps> = ({ children, title, subtitle }) => {
   const navigate = useNavigate();
   const { user, canSee, hasRole, logout } = useAuth();
   const [sidebarOpen, setSidebarOpen] = useState(false);
+  const chatUnread = useChatUnread();
 
   const visibleGroups = useMemo(
     () =>
@@ -293,7 +297,12 @@ export const SkeenLayout: FC<LayoutProps> = ({ children, title, subtitle }) => {
                     >
                       <Icon size={18} />
                       <span>{item.label}</span>
-                      {active && <ChevronRight size={14} className="ml-auto" />}
+                      {item.href === '/chat' && chatUnread > 0 && (
+                        <span className="ml-auto inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 rounded-full bg-brand-coral text-white text-[10px] font-bold">
+                          {chatUnread}
+                        </span>
+                      )}
+                      {active && <ChevronRight size={14} className={item.href === '/chat' && chatUnread > 0 ? '' : 'ml-auto'} />}
                     </Link>
                     <button
                       type="button"