add focus state for close button/keyboard control

[kiley-mitti]

Brief Description

Rux-notification could not be focused since it did not have a tab index. Added that and keyboard controls and then our focus outline state.

JIRA Link

ASTRO-5078

Related Issue

General Notes

Motivation and Context

Focus state general tweaking

Issues and Limitations

We need to revisit some of our components that use overflow:hidden in any way. Sometimes this cuts off focus state which isn't great. In notification specifically we should revisit the idea that notifications should be truncated with no way to see the rest of the notification.

Types of changes

• [x] Bug fix
• [ ] New feature
• [ ] Breaking change

Checklist

• [ ] This PR adds or removes a Storybook story.
• [ ] I have added tests to cover my changes.
• [ ] Regressions are passing and/or failures are documented
• [ ] Changes have been checked in evergreen browsers

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: 0dbdddd09b5591e12d08eef36949dd0bc2a4791a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR