feature: add motion to accordion component

[ckrook]

Describe pull-request

This PR introduces motion to the accordion component.

Issue Linking:

Choose one of the following options

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

How to test

Provide detailed steps for testing, including any necessary setup.

1. Go to the AWS link
2. Navigate to the accordion component
3. Toggle "slide" in the animation control.
4. View animation that gets added to the accordion component.

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

accordion-motion.mov

Additional context

Add any other context or feedback requests about the pull-request here.

[github-actions]

Playwright test results

 418 passed
 1 skipped

Details

 419 tests across 145 suites
 59.8 seconds
 a0ed1b6

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-877.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