a11y: respect prefers-reduced-motion in Notification list transitions

[Tekprecious]

Closes #497

🚀 #497: Implement prefers-reduced-motion Guard for Notification Transitions

Overview

This Pull Request introduces an accessibility guard to the Notification page list layout transitions. It hooks into the user's system-level motion preferences via the usePrefersReducedMotion custom hook, neutralizing animations for motion-sensitive users while preserving standard dynamic entrance experiences when allowed.

Key Changes

• A11y Motion Guarding: Connected the Notification page component to usePrefersReducedMotion().
• Adaptive Transitions: Conditioned the Framer Motion initial, exit, and transition configurations to evaluate seamlessly down to a zero-duration layout block when reduced motion is preferred, entirely preventing sudden shifting or unwanted visual acceleration.
• Layout Integrity: Maintained design system rule parity ensuring no structural layout shift occurs when swapping modes mid-session.

Verification Checklist

• Verified that TypeScript configurations and paths compile smoothly with zero type errors.
• Confirmed Notification specific test suites pass without regressions.
• Zero layout shift variations detected between standard mode and reduced-motion mode.
• PR description references issue Add a reduced-motion guard to the Notification page framer-motion list transitions #497.

[drips-wave]

@Tekprecious Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

[whitezaddy]

@1nonlypiece I still await job approval

[Tekprecious]

@1nonlypiece ???

[Tekprecious]

@1nonlypiece ???