Create new code snippet component for docs

[ShaunEvening]

What changed?

• [x] Add @storybook/icons
• [x] Add and implement shiki syntax highlighting
• [x] Create presentational code snippet component
• [x] Create new Pre component for Markdown code snippets
• [x] Create advanced snippet component to reads list of mdx snippet paths
• [x] Update docsScreen MDX provider
  • [x] Pre
  • [x] CodeSnippets
• [ ] Fix tests
• [ ] Create postinstall script to copy shiki files to /static

[netlify[bot]]

✅ Deploy Preview for storybook-frontpage ready!

Name	Link
🔨 Latest commit	056988a090de53a6a1c7995b998b9e1a5f639b8e
🔍 Latest deploy log	https://app.netlify.com/sites/storybook-frontpage/deploys/6557dd8d46850e0008e4557e
😎 Deploy Preview	https://deploy-preview-622--storybook-frontpage.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.

[socket-security[bot]]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Packages	Version	New capabilities	Transitives	Size	Publisher
shiki	0.14.5	network, filesystem, environment	+4	16.6 MB	antfu
@radix-ui/react-tabs	1.0.4	None	+0	65 kB	benoitgrelard

[socket-security[bot]]

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Issue	Package	Version	Note	Source
New author	vscode-oniguruma	1.7.0	New Author: vscode-bot Previous Author: alexandrudima	shiki@0.14.5 via package.json

Next steps

What is new author?

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Scrutinize new collaborator additions to packages because they now have the ability to publish code into your dependency tree. Packages should avoid frequent or unnecessary additions or changes to publishing rights.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore foo@1.0.0 bar@* or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore vscode-oniguruma@1.7.0

[kylegach]

Closing in favor of https://github.com/storybookjs/frontpage/pull/632