feat: add editor options and wrapping component prop

[ivan-auror]

👋 I'm considering using this plugin in a design system storybook and there were two missing features I thought I'd implement and ask for feedback.

The first feature is for the <Playground> to accept an optional editorOptions prop of type Monaco.editor.IEditorOptions so that the editor's options can be defined at init time rather than after the fact via the modifyEditor function prop. The minimap (on by default) is not useful for snippets that require little or no scrolling so it would be useful to be able to turn that off, and the current way of dealing with this feels suboptimal:

modifyEditor={(monaco, editor) => {
    editor.updateOptions({ minimap: { enabled: false } });
}} 

The second feature is to pass in a wrapping component that wraps the rendered code so that it can be distinguished from the rest of the page. For instance, if the component rendered by the snippet has the same background color as the rest of the page but has some other visually defining feature (e.g. a border radius) then it is indistinguishable from the rest of the page unless a wrapping element is added, but I don't want that to be a part of the code sample.

I'm happy to split these into separate PRs if that helps.

Getting correct syntax highlighting on JSX is another item on the wishlist, but that seems like it's much harder than it should be 😅

[JeremyRH]

Thank you for the contribution! Looks great, just have a few comments.

[JeremyRH]

I agree, correct syntax highlighting for JSX is a lot harder than it should be and I didn't feel it was worth the effort.

[ivan-auror]

Thanks for the feedback! I've implemented all changes.

[JeremyRH]

Release your changes in 3.1.0. Thank you!