feat(layout): подключить chrome app-shell-12 в AppShell

SearchMenu (Cmd+K) и AppsMenu из конфига App Switcher в SiteHeader; sidebar без изменений.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/components/layout/site-header.tsx

@@ -9,6 +9,8 @@ import {
   BreadcrumbSeparator,
 } from '@cfdm/ui/components/breadcrumb'
 import { ModeToggle } from '@/components/mode-toggle'
+import { AppsMenu } from '@/components/layout/apps-menu'
+import { SearchMenu } from '@/components/layout/search-menu'
 import { SidebarTrigger } from '@cfdm/ui/components/sidebar'
 
 export interface RouteBreadcrumbLoaderData {
@@ -94,8 +96,9 @@ export function SiteHeader() {
 
   return (
     <header className="bg-background sticky top-0 z-10 flex h-12 shrink-0 items-center gap-2 border-b px-4 md:px-6">
-      <SidebarTrigger className="-ml-1" />
-      <Breadcrumb>
+      <div className="flex min-w-0 items-center gap-2">
+        <SidebarTrigger className="-ml-1" />
+        <Breadcrumb>
           <BreadcrumbList>
             {crumbs.map((crumb, index) => {
               const isLast = index === crumbs.length - 1
@@ -120,7 +123,10 @@ export function SiteHeader() {
             })}
           </BreadcrumbList>
         </Breadcrumb>
-      <div className="text-muted-foreground ml-auto flex items-center gap-2">
+      </div>
+      <div className="text-muted-foreground [&_button_svg]:text-muted-foreground [&_button:active_svg]:text-foreground! [&_button:hover>span>svg]:text-foreground! [&_button:hover>svg]:text-foreground! [&_button[aria-expanded=true]_svg]:text-foreground! [&_button[data-popup-open]_svg]:text-foreground! ml-auto flex items-center gap-2">
+        <SearchMenu />
+        <AppsMenu />
         <ModeToggle />
       </div>
     </header>