Add feature/responsive-product-card

[doctor-rutvik14]

Description: This PR introduces a responsive product card component that showcases product details. Users can hover over the card to reveal additional information about the product, enhancing the user experience and interaction.

Product Image

Photo by RAFAEL QUATY from Pexels.

Features:

• Responsive design that adapts to different screen sizes.
• Hover effect to display product details such as description and pricing.
• Clean and modern aesthetic, suitable for any e-commerce application.

How to Test:

1. Check out the feature/responsive-card branch.
2. Run the application and navigate to the product card section.
3. Hover over the product cards to see the details appear.

Screenshots: ###SS1 ###SS2