fix: nav highlight shouldn't follow mouse pos when using nav arrows

[ghiscoding]

• when using arrow keys to change navigation highlight, it triggers couple of cascading events (1. onScroll event => 2. onMouseOver event). The onMouseOver has the side effect of changing the highlight to current mouse position, so that indirectly affected the arrow navigation since instead of staying at the bottom end, it was always resetting to mouse position (as shown in animated gif below). To counter this problem, we can save the last know mouse position and compare it inside the mouseover, if the position is exactly the same then we know that we're not using the mouse but we are actually using arrow navigation (so we skip mouseover exec)

below is the mouseover problem demoed

this PR fixes the issue observed below (when the mouse is over the options list)

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[github-actions]

Playwright E2E Test Results

78 tests  ±0   78 ✅ ±0   1m 46s ⏱️ -5s
69 suites ±0    0 💤 ±0 
 1 files   ±0    0 ❌ ±0 

Results for commit ee7f1d2. ± Comparison against base commit 57f8d6a.