Feat: Implements framer motion animations for ui state transitions

[devfoma]

Description

This pr closes #105

Enhances UI interactivity and visual feedback by integrating Framer Motion animations across key components. The goal is to create a smoother, more engaging user experience while maintaining consistency with the existing design system.

Changes Implemented

1. StatusBadge

• Added pulse animation for pending states to improve visibility of ongoing actions.
• Provides clearer feedback for users when processes are not yet completed.

2. Card Component

• Implemented hover animations using Framer Motion.
• Improves perceived responsiveness and enhances UI polish.

3. Dialog Component

• Extended existing CSS animations with Framer Motion transitions.
• Creates smoother open/close interactions.

4. Page Transitions

• Added a reusable animation wrapper component using AnimatePresence.
• Enables consistent page transition effects across the application.

5. Navbar

• Added hover animations for navigation links.
• Improves navigation feedback and visual clarity.

Technical Notes

• Reused existing Framer Motion installation (no new dependencies added).
• Animations are lightweight and designed to avoid performance issues.
• Changes are scoped only to the components listed above.

Acceptance Criteria

• Smooth and consistent animations across updated components
• No layout shifts or UI regressions
• No performance degradation
• Animations respect existing component structure and styling

Testing Instructions

1. Navigate through the application pages.
2. Confirm page transitions animate smoothly.
3. Hover over Cards and Navbar links to verify animations.
4. Trigger any pending state to observe the StatusBadge pulse effect.
5. Open and close Dialog components to confirm improved transitions.

[drips-wave]

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

[github-actions]

🎉 This PR is included in version 1.21.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀