Update CodeBlock syntax

[amyrlam]

📌 Summary

Allows us to write code samples as they are, improving code readability

🔗 External Links

Follow-on to ember-prism example #367

---

💬 Please consider using conventional comments when reviewing this PR.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/hashicorp/flight/FjRZCmvekxwYwn5r8yssQs32CNUX
✅ Preview: https://flight-git-amy-update-ember-prism-hashicorp.vercel.app

[didoo]

OK for me

[MelSumner]

This makes me uneasy but if you and @didoo are okay with it then I have no blockers.

[didoo]

@MelSumner I agree is not ideal, but of the possible different ways to do it using ember-prism this is the least worst (fully escaping the strings is a no-no for me).

A few days ago I have looked into possible other syntax highlighters, and I could not find one that could support snippets of code directly in the handlebars code. If you have alternatives happy to discuss.

[amyrlam]

What makes you uneasy?

We can explore the code in .js option (or snippet of some sort) https://github.com/hashicorp/design-system-components/issues/128, but if we want an "edit on GitHub" button on the website, the code block won't be a part of the same file.

Feel free to add more detail to that issue or file another one if a better solution?