fix: download buttons for png and svg

[corwintines]

Description

• refactors ButtonLink to Button with download function
• Directly downloads both SVG, PNG, or JPEG files instead of opening image in new tab

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	54a207d
🔍 Latest deploy log	https://app.netlify.com/projects/ethereumorg/deploys/6918a28855dea100087071f6
😎 Deploy Preview	https://deploy-preview-16657--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 48 (🔴 down 5 from production) Accessibility: 94 (no change from production) Best Practices: 92 (🔴 down 8 from production) SEO: 92 (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 project configuration.

[pettinarip]

@corwintines shared an idea that might simplify the implementation and provide a more suitable solution for this case.

[pettinarip]

Given that these are same-origin files, we can use the download attr in the links instead of doing this complex workaround, we don't need to fetch the file.

<ButtonLink href={imgSrc} onClick={matomoHandler} download={`${title.replace(/\s+/g, "-").toLowerCase()}.${fileExtension}`}>