[R20-892] Fix validation errors

[waitingallday]

Issue: https://digital-vic.atlassian.net/browse/R20-892

What I did

• Fixed markup and CSS errors to validate document, mostly uncaught v-bind props exposed on render, html hierarchy and some incorrect aria uses (underlying elements have changed in a few cases)
• Added required default media condition to img sizes that have multiple sets
• Fixed a CSS error upstream in ol-ext
• Removed unneeded x-ua-compatible meta from static html templates (support for Internet Explorer 11 ended on June 15, 2022 🎉 and edge doesn't support this, also nuxt doesn't render it either)
• Added a plugin to force prettier to correctly allow void elements (link, meta, etc.) to render without self-closing tags

How to test

• https://validator.w3.org/nu/#textarea

Checklist

For all PR's

• [ ] I've added relevant changes to the project Readme if needed.
• [ ] I've updated the documentation site as needed.
• [ ] I have added unit tests to cover my changes (if not applicable, please state why in a comment)

For new components only

• [ ] I have added a story covering all variants
• [ ] I have checked a11y tab in storybook passes
• [ ] Any events are emitted on the event bus

[netlify[bot]]

✅ Deploy Preview for ripple-docs canceled.

Name	Link
🔨 Latest commit	0bf7dff31bb47fa977e43fb15f02e9537edf847b
🔍 Latest deploy log	https://app.netlify.com/sites/ripple-docs/deploys/665fad040533650008422621

[cypress[bot]]

Passing run #1863 ↗︎

0

162

0

0

0

Details:

test: :white_check_mark: update fixtures
Project: ripple-framework	Commit: 866064d395
Status: Passed	Duration: 06:50 💡
Started: Jun 4, 2024 7:22 AM	Ended: Jun 4, 2024 7:29 AM

Review all test suite changes for PR #1202 ↗︎