fix(ui): frame label is a clickable drag grip

Frame rect interior is occluded by devices/cables in SVG render order, so
clicking the frame to select/drag it was unreliable. Drop pointer-events:none
from .frame-label and bind the same pointerdown→startDrag('frame',id) as the
rect — the top-left label text is now a deterministic grip.

web/static/main.js

@@ -482,6 +482,7 @@ function renderCanvas() {
     g.append(rect, label);
     gFrames.append(g);
     rect.addEventListener("pointerdown", (e) => startDrag(e, "frame", f.id));
+    label.addEventListener("pointerdown", (e) => startDrag(e, "frame", f.id));
   }
 
   const portsByDevice = new Map();

web/static/style.css

@@ -180,7 +180,7 @@ body {
   fill: var(--accent);
   font-size: 13px;
   font-weight: 600;
-  pointer-events: none;
+  cursor: grab;
 }
 
 /* Stroke + fill come from the device's user-set colour, written as