Feat/accessibility animations skeletons

[adedamolamiposi]

Description

This PR implements a collection of accessibility and UI enhancements across the application, addressing multiple related issues in a single update.

What's Included

• Keyboard Navigation: Added keyboard support (Enter/Space) to the CourseCard dropdown menu wrapper.
• ARIA Enhancements:
  • Added aria-labels for the dropdown trigger.
  • Added aria-current to the active ModuleList link for screen readers.
  • Wrapped the quiz interface results and main view in an aria-live="polite" region to automatically announce score and state changes to screen readers.
• Page Transitions: Implemented a new <PageTransition /> component leveraging Next.js usePathname() to automatically trigger CSS fade-in and slide-up animations on route changes (respecting prefers-reduced-motion).
• Composable Skeletons: Added SkeletonRect and SkeletonCard shortcut variants to skeleton.tsx and refactored loading-skeleton.tsx to utilize these variants.

Related Issues

Closes #229
Closes #230
Closes #231
Closes #232

Type of Change

• New feature (non-breaking change which adds functionality)
• Refactor/Enhancement (non-breaking change which improves existing functionality)
• Accessibility (changes to improve accessibility for all users)

[drips-wave]

@adedamolamiposi 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

[netlify]

❌ Deploy Preview for chainlearn failed.

Name	Link
🔨 Latest commit	60d97b6
🔍 Latest deploy log	https://app.netlify.com/projects/chainlearn/deploys/6a91e928f41ea3000800b3cb