Refactor project structure to use pnpm monorepo; update Dockerfile and related configurations for frontend build process. Adjust .dockerignore and .gitignore to reflect new paths. Modify .env.example for cron job timing. Update CONTRIBUTING.md and README.md for new development instructions.

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

@@ -0,0 +1,86 @@
+import { Link, useRouterState } from '@tanstack/react-router'
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from '@cfdm/ui/components/breadcrumb'
+import { Separator } from '@cfdm/ui/components/separator'
+import { SidebarTrigger } from '@cfdm/ui/components/sidebar'
+
+const routeTitles: Record<string, string> = {
+  '/': 'Панель управления',
+  '/domains': 'Домены',
+  '/groups': 'Группы',
+  '/services': 'Сервисы',
+  '/certificates': 'Сертификаты',
+}
+
+function getBreadcrumbs(pathname: string) {
+  if (pathname === '/') {
+    return [{ label: 'Панель управления', href: '/' }]
+  }
+
+  if (pathname.match(/^\/domains\/\d+\/dns$/)) {
+    const domainId = pathname.split('/')[2]
+    return [
+      { label: 'Домены', href: '/domains' },
+      { label: 'Домен', href: `/domains/${domainId}` },
+      { label: 'DNS', href: pathname },
+    ]
+  }
+
+  if (pathname.match(/^\/domains\/\d+$/)) {
+    return [
+      { label: 'Домены', href: '/domains' },
+      { label: 'Обзор домена', href: pathname },
+    ]
+  }
+
+  const title = routeTitles[pathname]
+  if (title) {
+    return [{ label: title, href: pathname }]
+  }
+
+  return [{ label: 'Панель управления', href: '/' }]
+}
+
+export function SiteHeader() {
+  const pathname = useRouterState({ select: (s) => s.location.pathname })
+  const crumbs = getBreadcrumbs(pathname)
+
+  return (
+    <header className="flex h-16 shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
+      <div className="flex items-center gap-2 px-4">
+        <SidebarTrigger className="-ml-1" />
+        <Separator
+          orientation="vertical"
+          className="mr-2 data-[orientation=vertical]:h-4"
+        />
+        <Breadcrumb>
+          <BreadcrumbList>
+            {crumbs.map((crumb, index) => {
+              const isLast = index === crumbs.length - 1
+              return (
+                <span key={crumb.href} className="contents">
+                  {index > 0 && <BreadcrumbSeparator className="hidden md:block" />}
+                  <BreadcrumbItem className={index === 0 ? 'hidden md:block' : undefined}>
+                    {isLast ? (
+                      <BreadcrumbPage>{crumb.label}</BreadcrumbPage>
+                    ) : (
+                      <BreadcrumbLink render={<Link to={crumb.href} />}>
+                        {crumb.label}
+                      </BreadcrumbLink>
+                    )}
+                  </BreadcrumbItem>
+                </span>
+              )
+            })}
+          </BreadcrumbList>
+        </Breadcrumb>
+      </div>
+    </header>
+  )
+}