Improve focus states for Messages survey components

[jakubjanczyk]

Problem/Feature

This PR makes some improvements to focus state of faces/thumbs option for Messages survey components. They are not behaving in the same way and all have blue focus ring when navigating through keyboard. This improves the accessibility of those components.

Guidelines

Make sure the pull request:

• [ ] Follows the established folder/file structure
• [ ] Adds unit tests
• [ ] If it is a refactor or change to an existing component, have you verified it won't break existing Cypress tests or have you updated them?
• [ ] Did you verify some accessibility (a11y) basics?
• [ ] Adds/updates stories. Guidelines
• [ ] Adds/updates documentation (ie proptypes) Guidelines
• [ ] Has it been tested in Help Scout's supported browsers?
• [ ] Requests review from designer of the feature
• [ ] Add label (bug? feature?)

[cloudflare-pages[bot]]

Deploying with    Cloudflare Pages

Latest commit:	2e4c653
Status:	✅  Deploy successful!
Preview URL:	https://5e889652.hsds-react.pages.dev

View logs