Focus dropdown items while hovering them and show focus after first keyboard interaction.

[Mati365]

📝 Provide a description of the new feature

It's follow up of this PR. In this PR, we improved focus behavior of menu. The focus of menu items is rendered only when we hover these items and the menu bar had any keyboard interaction. In other words, after opening root menu item from root menu bar there is no visual indication that there is any focus but after pressing arrowdown it shows and keeps enabled until hiding all menus. The problem is that dropdowns behaves differently and dropdowns used to be not super unified across the project. Focus of the dropdown items is indicated directly after opening dropdown and is not being changed after hovering another items. It's not consistent with the menu. In the scope of this issue, we want to:

1. Make focus borders being rendered only after the first keyboard interaction with items of dropdown. So after opening dropdown there is no focus border on any item and after pressing arrow down it should jump to first one, then second and third one. It might be problematic, dropdowns track focus in order to keep them shown or hidden.
2. Focus dropdown items using hover. In other words - hovering menu items should trigger :focus state on them, but it should be shown only after the first keyboard interaction, so after hovering a second item and pressing arrowdown the third item should be focused, and a focus border should be rendered.

---

If you'd like to see this feature implemented, add a 👍 reaction to this post.