feat: formatting of code snippet

[sgammon]

Summary

This changeset fixes formatting of the Bazel module code snippet, and adds syntax highlighting with Prism. Additionally, the snippet can be customized to show as a dev_dependency.

Before:	After:

When the Customize this snippet area is expanded, controls are revealed. Checking the dev_dependency box updates the snippet accordingly:

Changelog

• feat: add controls for code snippet customization
• feat: add dev_dependency code snippet control
• feat: add syntax highlighting in CopyCode component
• fix: linebreak formatting in code snippet
• chore: add prism and prism-themes dependencies

[hobofan]

LGTM! Some small nits, but would still accept the PR as-is.

[hobofan]

Suggested change

	const [codeSample, setCodeSample] = useState<string>(
	codeTemplate(module, version, isDevDependency)
	)
	useEffect(() => {
	setCodeSample(codeTemplate(module, version, isDevDependency));
	}, [isDevDependency]);
	const codeSample = codeTemplate(module, version, isDevDependency)

As that's a very simple calculation of a computed value, we can also just due it inline during rendering and keep the flow of hooks simpler

[hobofan]

Oh, I just saw that the useEffect is missing module and version in it's dependency array, which causes the wrong code snippet to be displayed after a page navigation between modules.

[hobofan]

Not sure if the code snippet could be styled here, or if that would be more complicated, but overall the new code snippet has worse contrast (gray on gray), which isn't great for accessibility reasons.

[hobofan]

Oh, I just saw that the useEffect is missing module and version in it's dependency array, which causes the wrong code snippet to be displayed after a page navigation between modules.

[sgammon]

@hobofan thank you for the review :) will fix