BUG: Drag functionality not working

[BenGWeeks]

Description

The window dragging functionality is completely broken. Users cannot reposition the Nod.ie overlay.

Current Behavior

• Clicking and dragging on the transparent area does nothing
• No visual feedback when attempting to drag
• Window remains fixed in position

Root Cause

CSS -webkit-app-region: drag conflicts with click event handlers on the circular button.

Technical Details

• The drag region CSS approach doesn't work well with interactive elements
• Need to implement manual mouse event handling for drag
• Must preserve click functionality on the circle while allowing drag elsewhere

Tasks

• Remove CSS-based drag approach
• Implement manual drag handling with mousedown/mousemove/mouseup
• Add visual feedback when drag is available (cursor change)
• Ensure drag doesn't interfere with circle click events
• Test on different platforms (Linux, macOS, Windows)

Code Location

• main.js: Window creation and drag handling
• renderer.js: Mouse event handlers
• index.html: CSS drag regions

Priority

High - Basic UX functionality