fix(a11y): add title tags to SVG components in run-a-node page

[VolodymyrBg]

Add title tags to SVG components for accessibility

Description

Added <title> tags to SVG components in the run-a-node page to improve accessibility for screen readers. This change makes the page more accessible for users with disabilities by providing proper descriptions for SVG icons.

Changes made:

• Added title tags to all SVG components:
  • Terminal
  • Dappnode
  • Dapptap
  • HardwareGlyphIcon
  • DownloadGlyphIcon
• Removed redundant alt props and TODO comments
• Maintained existing translations for accessibility text
• Used existing translation keys for SVG descriptions

Related Issue

Addresses TODO comments in src/pages/run-a-node.tsx regarding SVG accessibility:
// TODO: make a11y svgs (using <title>)

[netlify]

✅ Deploy Preview for ethereumorg canceled.

Name	Link
🔨 Latest commit	da9cc59
🔍 Latest deploy log	https://app.netlify.com/projects/ethereumorg/deploys/68e43411637b89000965a787

[VolodymyrBg]

@chuyeow @matthieu @shazow @fjl

[github-actions]

This issue is stale because it has been open 30 days with no activity.

[wackerow]

Hey @VolodymyrBg, apologies for the delays here. Appreciate your help on this.

Took a closer look, and since this PR we've actually updated the way these SVG elements are imported which affects the ability to pass child elements to the imported .svg components.

That being said, these are also decorative elements, so ultimately we don't really need screen-reader labelling for these. A more appropriate approach here is to simply apply aria-hidden="true" (or simply aria-hidden for short, which implies a default true value), and make sure they aren't focusable.

Pulling this in!

---

(Small aside, applied a quick fix as well to the grid layout of the ExpandableCard components which appeared to have been broken—while I was in here)

[wackerow]

@all-contributors please add @VolodymyrBg for bug patch

[allcontributors]

@wackerow

I've put up a pull request to add @VolodymyrBg! 🎉