chore: move FadeInSlideOut into Animation folder & write story

[nhivpham]

Overview

Moves FadeInSlideOut animation component from /Motion directory into /Animation. Additionally, adds a story page for FadeInSlideOut.

PR Checklist

• [ ] Related to designs:
• [x] Related to JIRA ticket: GM-1107
• [x] I have run this code to verify it works
• [x] This PR includes unit tests for the code change
• [ ] This PR includes testing instructions tests for the code change
• [ ] The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

1. Visit the FadeInSlideOut animation
2. View FadeInSlideOut docs
3. Click click about, test the "Click Me." button
4. Visit the FadeInSlideOut docs
5. Click click about, test the "Click Me." button
6. Profit!

PR Links and Envs

Repository	PR Link
Monolith	Monolith PR
Mono	Mono PR

[CLAassistant]

All committers have signed the CLA.

[nx-cloud[bot]]

View your CI Pipeline Execution ↗ for commit 29d0b6ad23b4792c0edc3083bde1a0d83dfb9367

---

☁️ Nx Cloud last updated this comment at 2025-11-25 07:17:00 UTC

[codecademydev]

📬Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

[codecademydev]

🚀 Styleguide deploy preview ready!

https://68d2fe1cf68d31526eac3dd6--gamut-preview.netlify.app

Deploy Logs

[codecademydev]

📬 Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

[github-actions[bot]]

🚀 Styleguide deploy preview ready!

Preview URL: https://6925589ad77c4bedfbbde4cb--gamut-preview.netlify.app Deploy Logs: https://app.netlify.com/projects/gamut-preview/deploys/6925589ad77c4bedfbbde4cb