Refactor SingleProduct component

[Sewaraa]

this PR includes a full refactor of the SingleProduct component to enhance maintainability ,responsiveness and user experience:
1- Convert styling to CSS Modules
2-Added Skeleton component that handles many cases:
1.Full product placeholder.
2.Image fallback if loading fails.
3.Text skeleton if needed.
3-Improved image behavoir with onError and zoom-in hover effect.
4-Redisgned the discount badge.
5-Animated discount badge with pulse effect.
6-Animated Price section.
7-Enhanced Favourite icon.
8-Split SingleProduct into smaller reuseable components:
1.FavouriteIcon
2.ProductPrice
3.SkeletonProduct
9-Update NewArrival.js to support the new prop-based structure(onNavigate,onAddToCart)

[Sewaraa]

#before:

#after:

Note
Some UI animations (like price transitions ,image hover zoom ,favorite animation and discount badge pulse)may not be fully visible in the screenshoots above.