Fix documentation site

[Jeremy-Walton]

Why?

Several issues were found on the documentation site

What Changed

• Fix sidebar documentation examples
• Fix issue with light-dark compilation in the documentation site
• Fix switch documentation incorrect syntax example
• Add browser support to introduction page
• Bump dev dependencies

Quality Assurance

• Have you tagged the PR with the correct labels?
• Have you validated the changes?
  • Have you run linters? (yarn sanity-check)
  • Have you run prettier?
  • Have you tried building the css?
  • Have you tried building storybook?
• [ ] Have you updated any usage of changed tokens?
• [ ] Did you add a component?
  • [ ] Have you added it to the dependency graph?
  • [ ] Have you added it to the docs?
• [ ] Did you update a component?
  • [ ] Have you updated the dependency graph?
  • [] Have you updated the docs?
• [ ] Do you need to update the package version?
  • [ ] Did you update the example pages in .storybook/assets?
• [ ] Were any changes made to the top level optics.css file?
  • [ ] Were those changes reflected in the other top level files?

Screenshots