Migrate DataProductCard component to shadcn/tailwind

[Baystef]

Description

Migrate DataProductCard component to shadcn/tailwind

Related Issue

#13946

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	0f27599
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/67073670cdd4d80007e5ee09
😎 Deploy Preview	https://deploy-preview-14035--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 44 (🔴 down 9 from production) Accessibility: 93 (no change from production) Best Practices: 89 (🔴 down 9 from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

---

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

[pettinarip]

@Baystef is this ready for review? asking bc it is in draft mode

[Baystef]

@Baystef is this ready for review? asking bc it is in draft mode
No, it's not really ready, don't know what to replace useColorModeValue hook with. Also, I created a LinkBox / LinkOverlay component on 1 of the PRs, so if that's accepted or rejected, it'll affect how I handle LinkBox/LinkOverlay here

[pettinarip]

@Baystef is this ready for review? asking bc it is in draft mode
No, it's not really ready, don't know what to replace useColorModeValue hook with. Also, I created a LinkBox / LinkOverlay component on 1 of the PRs, so if that's accepted or rejected, it'll affect how I handle LinkBox/LinkOverlay here

Got it, thanks for the quick reply. Regarding the useColorModeValue, we have a replacement here.

[Baystef]

@Baystef is this ready for review? asking bc it is in draft mode

It is ready now @pettinarip

[pettinarip]

LGTM, thanks @Baystef