Header: transición fluida al colapsar sidebar (CSS variable + group-has)

- h-(--header-height) en vez de h-12 hardcodeado
- transition-[width,height] ease-linear para animación
- data-[orientation=vertical]:h-4 en Separator
- h1 en vez de Breadcrumb (más limpio, estilo demo)
- Layout simplificado sin div anidado redundante

src/views/DashboardView.vue

@@ -18,8 +18,8 @@ const project = computed(() => projects.selected)
 </script>
 
 <template>
-  <div v-if="project" class="flex flex-1 flex-col gap-4">
-    <div class="flex items-center justify-between">
+  <div v-if="project" class="@container/main flex flex-1 flex-col gap-2">
+    <div class="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
       <div>
         <h1 class="text-2xl font-bold tracking-tight">{{ project.name }}</h1>
         <div class="flex items-center gap-2 mt-1">