[feat] Add rectangular hover area tracking for queue overlay

[benceruleanlu]

Summary

Adds hover detection over the entire rectangular bounding box of the queue area (actionbar + QueueProgressOverlay combined).

Implementation

Uses useMouse + useElementBounding from VueUse to compute whether the mouse position is within the element's bounds:

const isQueueAreaHovered = computed(
  () =>
    mouseX.value >= left.value &&
    mouseX.value <= right.value &&
    mouseY.value >= top.value &&
    mouseY.value <= bottom.value
)

This approach is needed because QueueProgressOverlay has pointer-events-none on its wrapper, which would create "holes" in hover detection with standard mouseenter/mouseleave events.

Status

⏳ Waiting for design confirmation on whether we need the strict rectangular hover area tracking, or if standard hover events would suffice.

Depends on

• #6893

🤖 Generated with Claude Code

┆Issue is synchronized with this Notion page by Unito