feature: add motion for dropdown component

[ckrook]

Describe pull-request

Introducing motion to the dropdown component

Issue Linking:

Choose one of the following options

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

How to test

The animation style does not need to be reviewed by developers. Charlotte is reviewing the style of the animation.

Provide detailed steps for testing, including any necessary setup.

1. Go to the AWS link
2. Navigate to the dropdown component
3. Toggle "slide" as animation in the controls

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

dropdown-motion.mov

Additional context

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

[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

[aws-amplify-eu-north-1]

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

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

[github-actions]

Playwright test results

 418 passed
 1 skipped

Details

 419 tests across 145 suites
 1 minute, 1 second
 6ed8170

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