mock: PHY Editorで異形キーを描き・編集し・追加できるようにする(T-32)

- domain/keyShape.ts に、キーの矩形・外接矩形・和の外形の計算と、異形キーのプリセット表(今はISO Enterだけ)を置いた
- キャンバスと選択枠は、2つ目の矩形を持つキーを和の外形のpathで描く。範囲選択と囲み矩形も両方の矩形で取る
- プロパティ欄に「異形キー」のチェックと、2つ目の矩形の欄(X2・Y2・Width2・Height2)を置いた
- ツールバーに「異形キーを足す」selectを置いた。1Uと同じ規則の位置に、外接矩形の左上を合わせて足す
- 検証: vue-tsc 0件、Vitest 106件(うち新規5件)、Playwright PHY 31件(うち新規1件)、prettier --check

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Xmqw9x7EoryY6zf116i3yM

mock/src/ui/phy/usePhyCanvasPointer.ts

@@ -2,6 +2,7 @@ import { nextTick, onUnmounted, ref, type Ref } from "vue";
 import type { ProjectFile } from "../../domain/project";
 import type { KeyNode, Node } from "../../domain/phy";
 import { apply, worldTransform } from "../../domain/geometry";
+import { keyCorners } from "../../domain/keyShape";
 import { moveNode } from "../../domain/phyCommands";
 import { normalizeSelection, snap } from "./logic";
 import { usePhyLongPress, type HoldMode } from "./usePhyLongPress";
@@ -303,12 +304,7 @@ export function usePhyCanvasPointer(options: Options) {
         for (const item of options.keys()) {
           if (!scope.has(item.key.id)) continue;
           const transform = worldTransform(options.project().phy, item.key.id);
-          const corners = [
-            { x: 0, y: 0 },
-            { x: item.key.size.w, y: 0 },
-            { x: item.key.size.w, y: item.key.size.h },
-            { x: 0, y: item.key.size.h },
-          ].map((point) => apply(transform, point));
+          const corners = keyCorners(item.key.size).map((point) => apply(transform, point));
           const xs = corners.map((point) => point.x);
           const ys = corners.map((point) => point.y);
           if (