MenuItems should not have any focus ring

[herhuey]

Describe the bug
Onhover shows focus ring in some instances and no focus ring in other instances (view screenshots).

From Kar Rui: focus only shows using the :focus-visible selector, which may have been triggered when you open (since programatic focus === focus-visible)

To Reproduce
Steps to reproduce the behavior:

1. Go to https://design.hack.gov.sg/?path=/docs/components-menu--docs
2. Hover over any MenuItem and note the current focus ring behaviour
3. (repeat until focus ring behaviour changes from 2.) Refresh page OR open MenuDefault at the top of the page and hover over its items OR leave it there for a while and come back later => hover over any MenuItems to check focus ring behaviour

Expected behavior
MenuItems should not show any focus ring.

Screenshots

Desktop (please complete the following information):

• OS: macOS Ventura 13.1
• Browser: Chrome
• Version 109.0.5414.119 (Official Build) (x86_64)

[seaerchin]

i found that this bug could be reliably triggered by using tab (on keyboard) then after, using mouse to hover triggers the focus ring