Alpha: eliminar referencias Teloprax + dashboard estilo shadcn demo

- Sidebar: logo 'A', título Alpha / KAPPA Hub
- Login: icono Alpha, sin branding Teloprax
- Dashboard rediseñado: 4 stats cards + historia clínica + actividad + tabla
- Theme: default shadcn-vue (colores demo page)
- Favicon: 'A' sobre fondo neutral
- Eliminado NavMain.vue no usado

src/components/AppSidebar.vue

@@ -4,20 +4,28 @@ import {
   LayoutDashboard,
   Calendar,
   Clock,
-  type Component,
+  ChevronRight,
 } from 'lucide-vue-next'
 import {
   Sidebar,
   SidebarContent,
   SidebarFooter,
+  SidebarGroup,
+  SidebarGroupLabel,
   SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
   SidebarRail,
 } from '@/components/ui/sidebar'
-import NavMain from './NavMain.vue'
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible'
 import NavProjects from './NavProjects.vue'
 import NavUser from './NavUser.vue'
 
-const props = defineProps<{
+defineProps<{
   activeTab: string
 }>()
 
@@ -28,47 +36,63 @@ const emit = defineEmits<{
 function setTab(tab: string) {
   emit('update:activeTab', tab)
 }
-
-const mainItems = computed(() => [
-  {
-    title: 'Diagnóstico',
-    icon: LayoutDashboard,
-    isActive: props.activeTab === 'dashboard',
-    onClick: () => setTab('dashboard'),
-  },
-  {
-    title: 'Calendario',
-    icon: Calendar,
-    isActive: props.activeTab === 'calendar',
-    onClick: () => setTab('calendar'),
-  },
-  {
-    title: 'Recetas',
-    icon: Clock,
-    isActive: props.activeTab === 'scheduler',
-    onClick: () => setTab('scheduler'),
-  },
-])
 </script>
 
 <template>
-  <Sidebar collapsible="icon">
+  <Sidebar collapsible="icon" variant="inset">
     <SidebarHeader>
-      <div class="flex items-center gap-2 px-2 py-1 group-data-[collapsible=icon]:justify-center">
-        <div class="flex items-center gap-1.5 flex-shrink-0">
-          <span class="block rounded-full border-2 border-primary opacity-35 w-2 h-2" />
-          <span class="block rounded-full border-2 border-primary opacity-65 w-[11px] h-[11px]" />
-          <span class="block rounded-full bg-primary w-[14px] h-[14px]" />
-        </div>
-        <div class="group-data-[collapsible=icon]:hidden flex flex-col min-w-0">
-          <span class="font-display font-bold text-base leading-tight">teloprax</span>
-              <span class="text-[10px] text-muted-foreground leading-tight">ideas en progreso</span>
-        </div>
-      </div>
+      <SidebarMenu>
+        <SidebarMenuItem>
+          <SidebarMenuButton size="lg" as="button" @click="setTab('dashboard')">
+            <div class="flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
+              <span class="font-bold text-sm">A</span>
+            </div>
+            <div class="grid flex-1 text-left text-sm leading-tight">
+              <span class="truncate font-semibold">Alpha</span>
+              <span class="truncate text-xs">KAPPA Hub</span>
+            </div>
+          </SidebarMenuButton>
+        </SidebarMenuItem>
+      </SidebarMenu>
     </SidebarHeader>
 
     <SidebarContent>
-      <NavMain :items="mainItems" label="Navegación" />
+      <SidebarGroup>
+        <SidebarGroupLabel>Navegación</SidebarGroupLabel>
+        <SidebarMenu>
+          <SidebarMenuItem>
+            <SidebarMenuButton
+              :is-active="activeTab === 'dashboard'"
+              :tooltip="'Diagnóstico'"
+              @click="setTab('dashboard')"
+            >
+              <LayoutDashboard />
+              <span>Diagnóstico</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+          <SidebarMenuItem>
+            <SidebarMenuButton
+              :is-active="activeTab === 'calendar'"
+              :tooltip="'Calendario'"
+              @click="setTab('calendar')"
+            >
+              <Calendar />
+              <span>Calendario</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+          <SidebarMenuItem>
+            <SidebarMenuButton
+              :is-active="activeTab === 'scheduler'"
+              :tooltip="'Recetas'"
+              @click="setTab('scheduler')"
+            >
+              <Clock />
+              <span>Recetas</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </SidebarMenu>
+      </SidebarGroup>
+
       <NavProjects />
     </SidebarContent>