feature: adding motion to button component

[ckrook]

Describe pull-request

In this PR we are adding animation to the button component background color

Issue Linking:

Choose one of the following options

• Jira: Add ticket number after CDEP-3709: CDEP-3709

How to test

Provide detailed steps for testing, including any necessary setup.

1. Go to the AWS link.
2. Navigate to the Button component
3. Enable animation fade
4. Make sure the button now has an small animation for the background color

Checklist before submission

• I have added unit tests for my changes (if applicable)
• All existing tests pass
• I have updated the documentation (if applicable)
• Not breaking production behavior
• Behavior available in storybook with documented descriptions (if applicable)
• npm run build-all without errors

Suggested test steps

• Browser testing (Chrome, Safari, Firefox)
• Keyboard operability
• Interactive elements have labels.
• Storybook controls
• Design/controls/props is aligned with other components
• Dark/light mode and variants
• Input fields – values should be displayed properly
• Events

Screenshots

Below is the animation which we should apply on the button:

[github-actions]

Playwright test results

 420 passed
 1 skipped

Details

 421 tests across 146 suites
 1 minute, 5 seconds
 b9dd046

Skipped tests

src/components/table/table/test/expandable-row-autocollapse/expandable-row-autocollapse.e2e.ts › tds-table-expandable-row-autoCollapse › NEEDS FIXING: expanding one row collapses the others when autoCollapse is true

[aws-amplify-eu-north-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-933.d3fazya28914g3.amplifyapp.com

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[theJohnnyMe]

Minor thing: Please double-check that "none" option is preselected in Storybook story file, right now it comes as non is selected.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud