🎨 Improve Responsiveness and Add Animations

Currently, some elements of the application are not fully responsive, which may impact the user experience on mobile devices. Additionally, the interface can be enhanced with subtle animations to make it more dynamic and intuitive.

✅ Acceptance Criteria
Ensure the interface is fully responsive for different screen sizes (mobile, tablet, and desktop).

Adjust layout and spacing for better adaptation on smaller screens.

Add smooth animations (fade-in, hover effects, transitions) to improve the user experience.

Ensure that animations do not negatively impact the application's performance.

💡 Implementation Suggestions:

Use CSS media queries for responsive adjustments.
Apply Flexbox/Grid for better element organization.
Add Gsap