docs: add aria-hidden='true' to decorative SVGs

[julien-deramond]

Description

This PR adds aria-hidden="true" to decorative SVGs so they remain hidden from assistive technologies:

• Buttons with "arrow" or "lightning" decorative SVGs
• Example page with "box" decorative SVG
• Homepage with decorative SVGs in sections

Please note that site/layouts/partials/icons/circle-square.svg and site/layouts/partials/icons/droplet-fill.svg are only used as decorative SVGs so the aria-hidden="true" was added directly to the SVG files.

This PR also removes some remaining focusable="false" as it was mentioned in #37498 (comment) that (and I agree) it's not necessary "to cater to IE since it's now been officially deprecated by Microsoft, and that was the only browser exhibiting this odd behaviour."

Type of changes

• Documentation enhancement (non-breaking change)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• (N/A) I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-40686--twbs-bootstrap.netlify.app/

[patrickhlauke]

In general, aria-hidden="true" should not be required when there's nothing inside the svg that would lead to an announcement - like an actual text node, or things like <title> or <desc>. normally, SRs should be treating these svgs like they do a bunch of empty and semantically neutral <div>s and <span>s. but it also doesn't do any harm adding it just in case, belt and braces. so I'm ok with this.