refactor(web): align Frame KPI settings chrome and a11y

Выровнять KPI на IconTile, вынести settings из settings-7, Sheet/AlertDialog и skip-link в общем chrome.

Co-authored-by: Cursor <[email protected]>

apps/web/src/components/reui-kit/settings-shell.tsx

@@ -9,7 +9,7 @@ import { PageHeader } from '@/components/page-header'
 
 export interface SettingsTabConfig {
   id: string
-  to: string
+  to: '/settings' | '/tenant-settings'
   label: string
   icon?: ReactNode
 }
@@ -72,19 +72,35 @@ export function SettingsShell({
             >
               {tabs.map((tab) => {
                 const isActive = pathname.startsWith(tab.to)
+                const className = cn(
+                  'flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors',
+                  isMobile && 'shrink-0',
+                  !isMobile && 'w-full',
+                  isActive
+                    ? 'bg-muted text-foreground font-medium shadow-sm ring-1 ring-border/60'
+                    : 'text-muted-foreground hover:bg-muted/60 hover:text-foreground',
+                )
+                if (tab.to === '/tenant-settings') {
+                  return (
+                    <Link
+                      key={tab.id}
+                      to="/tenant-settings"
+                      search={{ tab: 'bird' }}
+                      aria-current={isActive ? 'page' : undefined}
+                      className={className}
+                    >
+                      {tab.icon}
+                      {tab.label}
+                    </Link>
+                  )
+                }
                 return (
                   <Link
                     key={tab.id}
-                    to={tab.to}
+                    to="/settings"
+                    search={{ tab: 'connection' }}
                     aria-current={isActive ? 'page' : undefined}
-                    className={cn(
-                      'flex items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors',
-                      isMobile && 'shrink-0',
-                      !isMobile && 'w-full',
-                      isActive
-                        ? 'bg-muted text-foreground font-medium shadow-sm ring-1 ring-border/60'
-                        : 'text-muted-foreground hover:bg-muted/60 hover:text-foreground',
-                    )}
+                    className={className}
                   >
                     {tab.icon}
                     {tab.label}