Feature to add a read only code viewer

[swatikode]

Is your feature request related to a problem? Please describe.
carbon-graphs uses carbon-site-helpers to generate its demo site. When you take a look at the examples on the carbon-graphs demo site you don't know what code was written to generate that example. It will be a very nice feature if there was a way to see what Carbon API's were used. This will way it can help consumers take a direct look at the code instead of hunting it down in the carbon-graphs repo.

Describe the solution you'd like
Below the breadcrumb add a CodeIcon to show the code used to generate the tab content. The carbon-site-helpers app config will expect consumers to send a new property for instance, code which should be a call back function returning a string. When the code icon is clicked, carbon site will execute the call back function and the returned string value will be embedded in a code editor. To begin with we will use the javascript editor.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Mock-ups

1. A code icon will appear above the file content. On hovering it will add a highlight to it.

2. Clicking the code icon

[abhijit945]

🎉 This issue has been resolved in version 1.5.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀