fix(nav-bar): improve focus behavior for click events

[Splaktar]

PR Checklist

Please check that your PR fulfills the following requirements:

• The commit message follows our guidelines
• Tests for the changes have been added or this is not a bug fix / enhancement
• Docs have been added, updated, or were not required

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[ ] Enhancement
[ ] Documentation content changes
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Infrastructure changes
[ ] Other... Please describe:

What is the current behavior?

Clicking on nav items with a mouse causes the focus to move to the previously clicked nav item instead of the newly clicked nav item.

Issue Number:
Fixes #11591. Relates to #11494. Closes #11598.

What is the new behavior?

• Focus is moved to the new nav item after it is clicked.
• remove hover style that is inconsistent with spec
• add test from @codymikol

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

Thank you to @codymikol for doing the initial investigation into this regression!

[codymikol]

Yeah this seems to be a much better approach 🐔