feat: миграция frontend React 18 → Angular 19

Полная миграция фронтенда на Angular 19 + PrimeNG + NgRx SignalStore.

- React 18 + AntD 5 + Zustand + Vite → Angular 19 + PrimeNG 19 + NgRx SignalStore + Angular CLI
- Ноды X6: React-компоненты → чистые DOM-функции через Shape.HTML.register с effect: ['data']
- Все 5 типов нод (site, device, cross-device, splice, card) переписаны как рендереры
- Zustand store → NgRx signalStore (schema.store.ts)
- AntD компоненты → PrimeNG (p-tree, p-table, p-menu, p-toggleSwitch, p-slider, p-button)
- 13 файлов чистого TypeScript переиспользованы as-is (типы, константы, утилиты, мок, layout, ports, edges)
- Структура файлов переименована в kebab-case

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

frontend/src/app/features/schema/nodes/splice-node.renderer.ts

@@ -0,0 +1,55 @@
+import type { Cell } from '@antv/x6';
+import { STATUS_COLORS } from '../../../constants/status-colors';
+import { SPLICE_BORDER_RADIUS } from '../../../constants/sizes';
+import type { EntityStatus } from '../../../types/index';
+
+interface SpliceNodeData {
+  name: string;
+  marking: string;
+  id1: string;
+  id2: string;
+  status: EntityStatus;
+}
+
+export function renderSpliceNode(cell: Cell): HTMLElement {
+  const data = cell.getData() as SpliceNodeData;
+  const colors = STATUS_COLORS[data.status];
+  const size = (cell as any).getSize() as { width: number; height: number };
+
+  const container = document.createElement('div');
+  Object.assign(container.style, {
+    width: `${size.width}px`,
+    height: `${size.height}px`,
+    border: `1px solid ${colors.border}`,
+    borderRadius: `${SPLICE_BORDER_RADIUS}px`,
+    background: colors.fill,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSizing: 'border-box',
+    textAlign: 'center',
+    padding: '4px',
+    fontSize: '10px',
+    lineHeight: '14px',
+  });
+
+  const nameEl = document.createElement('div');
+  Object.assign(nameEl.style, {
+    fontWeight: '700',
+    fontSize: '11px',
+    marginBottom: '2px',
+    wordBreak: 'break-word',
+  });
+  nameEl.textContent = data.name;
+  container.appendChild(nameEl);
+
+  if (data.marking) {
+    const markingEl = document.createElement('div');
+    Object.assign(markingEl.style, { color: '#595959', fontSize: '9px' });
+    markingEl.textContent = data.marking;
+    container.appendChild(markingEl);
+  }
+
+  return container;
+}