feat(canvas): only the pin under the cursor lights up, on every component

The dense-component threshold (>60 pins) meant boards like the Arduino
(31 pins) still painted every pin blue on hover — a wall of squares. Drop
the threshold: every component/board now keeps its squares invisible and
lights up only the ONE under the cursor (matching the breadboard, which
users already liked). Wiring mode still paints them all — all valid targets.

frontend/src/components/simulator/PinOverlay.tsx

@@ -24,14 +24,6 @@ const TOUCH_MIN_SCREEN_PX = 44;
  */
 const PIN_WORLD_MAX = 28;
 
-/**
- * Components with more pins than this (breadboards: 170/830) don't paint
- * every square on hover — that's a wall of blue. Their squares stay invisible
- * and light up individually under the cursor. While a wire is in progress
- * (`wiring`) every square is painted again: they're all valid targets.
- */
-const DENSE_PIN_THRESHOLD = 60;
-
 interface PinInfo {
   name: string;
   x: number; // CSS pixels
@@ -127,9 +119,10 @@ export const PinOverlay: React.FC<PinOverlayProps> = ({
     : PIN_VISUAL;
   const pinHalf = pinSize / 2;
 
-  // Dense components (breadboards) keep their squares invisible until the
+  // On hover, squares stay invisible and only the ONE under the cursor lights
-  // cursor is over the individual pin; wiring mode paints them all.
+  // up (its own onMouseEnter paints it) — no wall of blue on any component.
-  const subtle = !wiring && pins.length > DENSE_PIN_THRESHOLD;
+  // While a wire is in progress every square paints: they're all valid targets.
+  const subtle = !wiring;
   const baseBackground = subtle ? 'transparent' : 'rgba(0, 200, 255, 0.8)';
   const baseBorder = subtle ? '1.5px solid transparent' : '1.5px solid white';