Fix survey issues

[jakubjanczyk]

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

[cloudflare-pages]

Deploying with    Cloudflare Pages

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

View logs

[tinkertrain]

Looks good to me!