Implemented a page for payments use-case

[MukulKolpe]

Description

Implemented a new page for the Ethereum Payments (/payments) use-case.

Content worked on here: #13653 by @BoluwatifeInferno.

Design and content of the page:
https://www.figma.com/design/PlJHPXisq7b5ual2DjrR9F/payments?node-id=12940-869&t=J998WMcKEFD6c0jn-1

Related Issue

Resolves #14217

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	2f75794
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/6762466188604d000885a01e
😎 Deploy Preview	https://deploy-preview-14370--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 52 (🔴 down 4 from production) Accessibility: 92 (no change from production) Best Practices: 89 (🔴 down 9 from production) SEO: 98 (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.

[konopkja]

I wanted to review this but preview is broken

[konopkja]

@MukulKolpe do you think you can still look at this or should core devs take over here?

[MukulKolpe]

I wanted to review this but preview is broken

Thanks for pointing that out. It should be fixed now. Let me know what you think!

[MukulKolpe]

@MukulKolpe do you think you can still look at this or should core devs take over here?

For sure! Let me know if I've missed anything or if any adjustments are needed.

[konopkja]

preview: https://deploy-preview-14370--ethereumorg.netlify.app/en/payments/

[konopkja]

change request:

• max width 320px for image
• remove "ethereum in action" title and its one sentence

class
max-w-80 | max-width: 20rem; /* 320px */

[corwintines]

Thanks @MukulKolpe