Focus background change broken on buttons in superside bar menu

Summary

When navigating the super sidebar menu, when an item is in focus, the item should have an outline as well as an alternate background color (the same one as on hover), currently, the links are working fine but the buttons are no longer. Both links and buttons should have the same styling on focus.

Discussed in !118598 (comment 1369087097)

Steps to reproduce

On https://gitlab.com/dashboard/projects, navigate the sidebar menu using keyboard

Example Project

What is the current bug behavior?

What is the expected correct behavior?

Relevant logs and/or screenshots

Screen_Recording_2023-04-28_at_14.53.35

Output of checks

Results of GitLab environment info

Expand for output related to GitLab environment info
(For installations with omnibus-gitlab package run and paste the output of:
`sudo gitlab-rake gitlab:env:info`)

(For installations from source run and paste the output of:
`sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)

Results of GitLab application Check

Expand for output related to the GitLab application check

(For installations with omnibus-gitlab package run and paste the output of: sudo gitlab-rake gitlab:check SANITIZE=true)

(For installations from source run and paste the output of: sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)

(we will only investigate if the tests are passing)

Possible fixes

Edited by James Rushford