Reduced motion support for animations, skeletons, and transitions

[greatest0fallt1me]

Description

Ensure transitions, skeleton animations, and modal motion respect prefers-reduced-motion. Define motion tokens and apply them consistently.

Requirements and context

• Must reduce or disable motion only when the preference is set.
• Must avoid “shimmer” effects when reduced motion is requested.

Suggested execution

git checkout -b design/reduced-motion

Implementation targets

• StreamPay-Frontend/app/globals.css motion tokens and reduced-motion overrides
• Skeleton and modal components

Tests and validation

• Manual: check reduced motion setting behavior.

Guidelines

• Timeframe: 96 hours.

Example commit message

chore(frontend): add reduced-motion support to UI animations

[drips-wave]

Congratulations, @Abdul-dev-creator! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @Abdul-dev-creator: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊