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

frontend/src/components/ClasicoLayout.tsx

@@ -35,6 +35,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';
 
@@ -114,6 +115,7 @@ const menuTree: MenuEntry[] = [
   {
     label: 'Comunicación', icon: MessageSquare,
     children: [
+      { label: 'Chat', href: '/chat' },
       { label: 'Cumpleañeros', href: '/cumpleanos' },
       { label: 'Mensajes', href: '/wacrm/messages' },
     ],
@@ -143,6 +145,7 @@ export const ClasicoLayout: FC<LayoutProps> = ({ children, title: _title, subtit
   const navigate = useNavigate();
   const { user, canSee, hasRole, logout } = useAuth();
   const [sidebarOpen, setSidebarOpen] = useState(false);
+  const chatUnread = useChatUnread();
 
   const visibleLeaves = useMemo(
     () => menuLeaves.filter((it) => canSee(it.href)),
@@ -383,7 +386,12 @@ export const ClasicoLayout: FC<LayoutProps> = ({ children, title: _title, subtit
                 >
                   <Icon size={16} />
                   <span>{entry.label}</span>
-                  <ChevronDown size={14} className={`ml-auto transition-transform ${open ? '' : '-rotate-90'}`} />
+                  {entry.children?.some((c) => c.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>
+                  )}
+                  <ChevronDown size={14} className={`${entry.children?.some((c) => c.href === '/chat') && chatUnread > 0 ? '' : 'ml-auto'} transition-transform ${open ? '' : '-rotate-90'}`} />
                 </button>
                 {open && (
                   <ul style={{ backgroundColor: 'rgba(0,0,0,0.15)' }}>
@@ -405,6 +413,11 @@ export const ClasicoLayout: FC<LayoutProps> = ({ children, title: _title, subtit
                           >
                             <span className="inline-block w-1.5 h-1.5 rounded-full mr-2 shrink-0" style={{ backgroundColor: active ? 'var(--sidebar-accent)' : 'var(--sidebar-text)' }} />
                             <span>{child.label}</span>
+                            {child.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>
+                            )}
                           </Link>
                           <button
                             type="button"