feat: integrate ReUI components and update MCP configuration

- Added ReUI configuration to .mcp.json and .cursor/mcp.json for component integration.
- Updated pnpm-lock.yaml with new dependencies including react-phone-number-input and adjustments to existing packages.
- Enhanced SKILL.md documentation for ReUI to clarify usage and features.
- Removed unused components (ChartCard, DataGridCard, etc.) to streamline the codebase.
- Adjusted domain-related components and filters for improved functionality and UI consistency.

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

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

@@ -9,7 +9,6 @@ import {
   BreadcrumbSeparator,
 } from '@cfdm/ui/components/breadcrumb'
 import { ModeToggle } from '@/components/mode-toggle'
-import { Separator } from '@cfdm/ui/components/separator'
 import { SidebarTrigger } from '@cfdm/ui/components/sidebar'
 
 export interface RouteBreadcrumbLoaderData {
@@ -22,6 +21,7 @@ const routeTitles: Record<string, string> = {
   '/groups': 'Группы доменов',
   '/services': 'Сервисы',
   '/certificates': 'Сертификаты',
+  '/settings/integrations': 'Интеграции',
 }
 
 function getBreadcrumbs(
@@ -56,6 +56,15 @@ function getBreadcrumbs(
     ]
   }
 
+  if (pathname.startsWith('/settings')) {
+    return [
+      { label: 'Настройки', href: '/settings/integrations' },
+      ...(pathname === '/settings/integrations'
+        ? [{ label: 'Интеграции', href: pathname }]
+        : []),
+    ]
+  }
+
   const title = routeTitles[pathname]
   if (title) {
     return [{ label: title, href: pathname }]
@@ -84,9 +93,8 @@ export function SiteHeader() {
   const crumbs = getBreadcrumbs(pathname, dynamicLabels)
 
   return (
-    <header className="sticky top-0 z-10 flex h-16 shrink-0 items-center gap-2 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80">
+    <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" />
-      <Separator orientation="vertical" className="mr-2 data-[orientation=vertical]:h-4" />
       <Breadcrumb>
           <BreadcrumbList>
             {crumbs.map((crumb, index) => {
@@ -112,7 +120,7 @@ export function SiteHeader() {
             })}
           </BreadcrumbList>
         </Breadcrumb>
-      <div className="ml-auto flex items-center gap-2">
+      <div className="text-muted-foreground ml-auto flex items-center gap-2">
         <ModeToggle />
       </div>
     </header>