[#202] fix: resolved UI inconsistencies on product details page

[Pranaykarvi]

🛠️ Fix: Resolved UI Inconsistencies on Product Details Page

🔍 Issue

This PR fixes UI inconsistencies in the Favorites.js component, addressing Issue #202.

✨ Changes Made

• 📌 Centered the sorting dropdown for better alignment.
• 🎨 Improved button styling to ensure consistency across the app.
• 🔍 Enhanced empty state message for better readability.
• 🖼 Fixed image scaling issues using aspect-square to maintain aspect ratio.
• ⚡ Optimized sorting logic using useMemo() to improve performance.

✅ How to Test

1. Navigate to Favorites Page (/favorites).
2. Ensure that:
   • Sorting dropdown is aligned properly.
   • Buttons have a consistent hover effect and design.
   • Empty state text is clearly visible.
   • Product images are properly scaled.
   • Sorting works as expected (cheapest → most expensive).

[vercel]

@Pranaykarvi is attempting to deploy a commit to the anwishta's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
shop-sphere	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 25, 2025 7:29am
shop-sphere-2n6k	❌ Failed (Inspect)			Feb 25, 2025 7:29am

[Anwishta]

@Pranaykarvi solve the merge conflicts

[Pranaykarvi]

@Anwishta Is there any other changes? @GauravKesh has approved so if everything is ok can we merge the pr?

[Anwishta]

Address these problems. Deployment issue is occurring because of some bugs in your code...