Improve compatibility with Safari 13

[daun]

Description

• With the docs styling updates, we've introduced some newer properties like 100svh and aspect-ratio
• When investigating this bug on Safari 13, I've noticed these aren't supported on older browsers
• This PR adds fallbacks for those new properties
• Also adds fallback for the media query event listener to enable dark mode on Safari 13

Before

   After

Checks

• [x] The PR is submitted to the master branch
• [x] The code was linted before pushing (npm run lint)
• [x] All tests are passing (npm run test)

[netlify[bot]]

✅ Deploy Preview for splendorous-kataifi-9ae281 ready!

Name	Link
🔨 Latest commit	bd707a68da6c1ea9b91e6154b1f987620060aae5
🔍 Latest deploy log	https://app.netlify.com/sites/splendorous-kataifi-9ae281/deploys/6555b9847a057c00080f2d24
😎 Deploy Preview	https://deploy-preview-169--splendorous-kataifi-9ae281.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[daun]

Fixed the embed styles. Also, added a fallback to re-enable the dark mode toggle on Safari 13.

[daun]

Ready for review 👽