Problem/Feature

This PR fixes some issues found for Messages survey components:

Color of submit button was always blue, it should be using the current theme instead
Text for submit button was not truncated
The animations/transitions when selecting thumb/face was a bit clunky - I had to delay (optionally) showing confirmation form after selecting an option, so that the animation for option finishes before. I also added some height animation to the form itself for nicer entry

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?)

Latest commit:	`570668a`
Status:	✅ Deploy successful!
Preview URL:	https://e5cd936a.hsds-react.pages.dev