migrate learning-tools.tsx page to Tailwind

[MahendraBishnoi29]

Description

• Replace Chakra UI components with native HTML elements
• Implement Tailwind classes for styling
• Update component types for better TypeScript support
• Maintain existing functionality and layout structure

Related Issue

#13946

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	96eda55
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/67a1066d659aac000823a264
😎 Deploy Preview	https://deploy-preview-14706--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 4 from production) Accessibility: 92 (no change from production) Best Practices: 89 (🔴 down 9 from production) SEO: 98 (no change from production) PWA: 59 (no change from production) View the detailed breakdown and full score reports

---

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

[pettinarip]

@MahendraBishnoi29 thanks for the PR.

I see a difference in spacing and font size in the hero section.

vs prod

[gitpoap-bot]

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

Be sure to join the Ethereum.org discord if you are interested in contributing further to the project or have any questions for the team.

GitPOAP: 2025 Ethereum.org Contributor:

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.