feat: frontend MVP — детальная схема связей устройств (AntV X6)

- React 18 + TypeScript strict + AntV X6 2.x + AntD 5 + Zustand
- Custom nodes: SiteNode, CrossDeviceNode, SpliceNode, DeviceNode, CardNode
- 8-слойный автолейаут, порты (left/right), линии с цветами по статусу
- Toolbar, дерево навигации, карточка объекта, таблица соединений
- Контекстные меню, легенда, drag линий/нод, создание линий из портов
- Моковые данные: 3 сайта, 10 устройств, 15 линий

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/features/schema/nodes/CardNode.tsx

@@ -0,0 +1,44 @@
+import type { Node } from '@antv/x6';
+import { STATUS_COLORS } from '../../../constants/statusColors.ts';
+import type { EntityStatus } from '../../../types/index.ts';
+
+interface CardNodeData {
+  slotName: string;
+  networkName: string;
+  status: EntityStatus;
+}
+
+export function CardNode({ node }: { node: Node }) {
+  const data = node.getData() as CardNodeData;
+  const colors = STATUS_COLORS[data.status];
+  const size = node.getSize();
+
+  return (
+    <div
+      style={{
+        width: size.width,
+        height: size.height,
+        borderTop: `1.5px solid ${colors.border}`,
+        borderBottom: `1.5px solid ${colors.border}`,
+        borderLeft: `5px solid ${colors.border}`,
+        borderRight: `5px solid ${colors.border}`,
+        borderRadius: 0,
+        background: colors.fill,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        boxSizing: 'border-box',
+        fontSize: 9,
+        fontWeight: 600,
+        color: colors.text,
+        textAlign: 'center',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        padding: '0 4px',
+      }}
+    >
+      {data.slotName}:{data.networkName}
+    </div>
+  );
+}