feat(ally) : add prefers-reduced-motion support

[prince-pokharna]

Summary

This PR adds support for the user's OS-level prefers-reduced-motion accessibility setting.

Changes Made

• Added global Framer Motion support using MotionConfig reducedMotion="user" in the root layout.
• Added centralized motion utilities in src/utils/motionPreferences.ts.
• Added reusable useReducedMotion hook in src/hooks/useReducedMotion.ts.
• Added CSS fallback for prefers-reduced-motion in globals.css.
• Updated page transitions to use reduced-motion-friendly behavior.
• Audited existing animated components and confirmed reduced-motion handling where already implemented.

Accessibility Impact

• Respects OS-level reduced motion preferences.
• Reduces transform-heavy animations.
• Preserves essential UI feedback.
• Improves alignment with WCAG 2.3.3 (Animation from Interactions).

Notes

• Audited GSAP usage in the repository and found no active GSAP animation implementations requiring gsap.matchMedia() integration at this time.

Related Issue

Closes #611

Changes Made

• Added MotionConfig reducedMotion="user"
• Added motionPreferences utility
• Added useReducedMotion hook
• Added CSS fallback for prefers-reduced-motion
• Updated PageTransition animation behavior

Accessibility

Implements support for OS-level prefers-reduced-motion settings in accordance with WCAG 2.3.3.

[prince-pokharna]

Hi maintainers,

I've submitted a PR implementing support for prefers-reduced-motion accessibility preferences.

Changes include:

• Global Framer Motion support via MotionConfig reducedMotion="user"
• Reusable reduced-motion utilities and hook
• CSS fallback for reduced-motion users
• Reduced-motion-friendly page transitions
• Audit of existing animated components

Looking forward to your review. Thanks!

[devpathindcommunity-india]

@prince-pokharna kindly link the issue

[prince-pokharna]

Closes #611

This PR implements support for prefers-reduced-motion accessibility preferences as discussed in the issue.