Reactor/improvement UX: loading skeletons instead of loader

[WitchDevelops]

I merged here the branch that changes card dimensions, because it was needed to make the skeletons the same size as the card.

• installed Skeleton from shadcn
• created a ProductCardSkeleton
• substituted the Loader for the ProductCardSkeleton

I decided to leave the loader in the code for now as we may need it later.

[netlify[bot]]

✅ Deploy Preview for telia-web-shop ready!

Name	Link
🔨 Latest commit	b868b9ee91afdedb33f06fc9b3afb261dd5f8b1b
🔍 Latest deploy log	https://app.netlify.com/sites/telia-web-shop/deploys/670e045ce3127800089ae6e4
😎 Deploy Preview	https://deploy-preview-34--telia-web-shop.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 52 Accessibility: 100 Best Practices: 75 SEO: 92 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[KozerT]

🟢 Looks great!