feat(editor): F4.5b the device sheet for routers and home routers

Measured first: SheetRun now types into FILIUS' router and home router
panels, records five forwarding tables (holeTabelle) and steps in the
panel's table. Java turns a card address that passes the pattern but not
IP.ipCheck (".0.0.1") into null and the router panel throws; an empty
gateway is marked red yet taken; a refused table cell is stored as null;
a home router's DHCP client leaves its DHCP server running. None of the
nulls is adopted. The core's routeTableRows matches all five tables.

- doc: card addresses (the first card mirrored in the device's settings),
  router gateway, RIP, manual routes (a new row once all four cells pass,
  a cell, removal); the sheet reads cards with what their cable joins and
  the whole table
- editor: Java's tabs (general, each card titled by its address, the
  forwarding table greyed out under RIP; general, LAN, WAN on a home
  router); the open card's cable drawn active in Java's green

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

packages/editor/src/sheet/NameField.tsx

@@ -0,0 +1,29 @@
+// What every part of the device sheet shares: the change of one device by
+// one person, and the device's name.
+
+import type * as Y from 'yjs';
+import { renameDevice } from '@mdg-filius/doc';
+import { useTranslate } from '../i18n/i18n.js';
+import { SheetField } from './SheetField.js';
+
+export interface Change {
+  readonly doc: Y.Doc;
+  readonly id: string;
+  readonly origin: object;
+  /** Runs a change and ends the undo step. */
+  readonly run: <T>(change: () => T) => T;
+}
+
+export function NameField({ name, change, shown, disabled = false }: { readonly name: string; readonly change: Change; readonly shown?: string; readonly disabled?: boolean }) {
+  const t = useTranslate();
+  return (
+    <SheetField
+      name="name"
+      label={t('sheet.name')}
+      value={shown ?? name}
+      rule="name"
+      disabled={disabled}
+      onCommit={(text) => change.run(() => (renameDevice(change.doc, change.id, text, change.origin), { value: text }))}
+    />
+  );
+}