docs(CodeSnippet): Update snippet docs

[tw15egan]

Closes #8088
Refs #8181

Updates the docs so that they are more helpful

Changelog

New

• All 3 variants are rendered in the Playground story, and you can change the content displayed in them via the knobs

Changed

• Added the prop names to all knobs

Removed

• Multiline story no longer spreads props so it can be copy / pasted

Testing / Reviewing

Ensure CodeSnippet stories are copy / pastable (exception of playground story) and that the prop names are added to the knobs.
Ensure you can change the content of the code snippets

[netlify]

Deploy preview for carbon-elements ready!

Built with commit 3e7604c

https://deploy-preview-8242--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit 3e7604c

https://deploy-preview-8242--carbon-components-react.netlify.app

[guigueb]

Nice.
I think you missed the copyLabel prop.

And it may be hard to do - but could we get children(CodeSnippet data) to be a prop too.
With the single and multi line variants, modifying the CodeSnippet data will help test the wrapText prop and scollbar behavior.
But most of all it is needed to test the behavior of the multi line min/max - closed/expanded props.

[guigueb]

My bad, looks like you already have the children(CodeSnippet data) as a knob prop.
I got lost looking for a prop named (children).