Fix basic accessibility issues

[adamwoodnz]

• No focus styling on profile page Account action buttons
• Password page 'show password' button has no accessible name
• No focus styling on 2FA page QR code or cancel button
• 2FA page QR code has no discernible text
• Success notifications when focused say 'Dismiss this notice, button' but they aren't dismissable via mouse or keyboard

Screenshots

Focus styling on account action buttons

Focus styling on QR code and cancel button

Fix dismissal of snackbar notification

NOTE: I followed the design for this, which shows a dismiss button. The suggested isDismissible prop doesn't exist on the Snackbar, but explicitDismiss: true displays the dismiss button.

[iandunn]

This looks great, thanks!

If it turns out to be possible to remove the manual focus state tracking that'd be great, but it's not a blocker.

[adamwoodnz]

If it turns out to be possible to remove the manual focus state tracking that'd be great

Nice suggestions on that, I'll take a look 👍