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/PhyEditor.vue

@@ -201,6 +201,7 @@ const {
   tabItem,
   chooseVariant,
   keyAdd,
+  presetAdd,
   partAdd,
   makeCluster,
   ungroup,
@@ -337,7 +338,8 @@ function onFocus(_id: string) {
         :move-targets="moveTargets"
         :focus="focus"
         :crumbs="focus ? focusCrumbs(focus) : []"
-        @key-add="keyAdd"
+        @key-add="keyAdd()"
+        @preset-add="presetAdd"
         @part-add="partAdd"
         @cluster="makeCluster"
         @ungroup="ungroup"