fix: disable pointer events on direction indicator arrows

- Add style={{ pointerEvents: 'none' }} to direction-indicator group
- Prevents arrows from intercepting clicks meant for the beads
- Allows clicks to pass through to the underlying bead elements

🤖 Generated with [Claude Code](https://claude.ai/code)

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

packages/abacus-react/src/AbacusReact.tsx

@@ -1241,6 +1241,7 @@ const Bead: React.FC<BeadProps> = ({
       {showDirectionIndicator && direction && (
         <animated.g
           className="direction-indicator"
+          style={{ pointerEvents: 'none' }}
           transform={to([arrowPulse], (pulse) => {
             // Match the exact center coordinates of each shape
             const centerX = shape === 'diamond' ? size * 0.7 : size / 2;