Notifications, showing, short selector a11y

[yeion7]

What kind of change does this PR introduce?

Refactor, reopen #2652

What is the current behavior?

The notifications has a few a11 issues

What is the new behavior?

What steps did you take to test this?

Checklist

• Documentation
• [] Testing
• Ready to be merged
• Added myself to contributors table

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://codesandbox-client-git-fork-yeion7-notifications-a11y.codesandbox1.now.sh

[yeion7]

@CompuIves I've reopened this from #2652, maybe we could find a solution for outline styles and merge this change, sorry for the prev PR

Could you check if the z-index and performance issues persist after upgrade reakit? pls

[yeion7]

This is the current outline, maybe we could define a better outline style or maybe change the item background on hover

[yeion7]

@CompuIves what do you think about this? use the same styles as user menu on hover items

[diegohaz]

Read on the other PR that there was some performance issue! Is this still an issue? If so, please let me know if there's anything I can help with on the Reakit side. :)

[yeion7]

@CompuIves any chance of moving this PR forward?

[lbogdan]

Build for latest commit 435bc57 is at https://pr2711.build.csb.dev/s/new.