Annotate yaml configs with comments beside the yaml

[q0rban]

GitHub docs uses a yaml annotation formatter that pulls comments off to the side of the yaml and highlights them along with the block of code. This would be great for our config examples!

https://docs.github.com/en/contributing/syntax-and-versioning-for-github-docs/annotating-code-examples#rendered-example

• Figure out what library is being used
• Determine if this is compatible with our existing syntax highlighter
• Integrate with our hugo-learn theme if possible, or find another theme that it works with

[q0rban]

I think this is the JS that's being used: https://github.com/github/docs/blob/774c5d0d9d75f4e62296e1b007c22e4f99010cda/src/content-render/unified/annotate.js#L52

[KeyboardCowboy]

Github Docs is a node module and it's loading annotate.js somewhere in the dependency chain from its package.js file. I don't think that will play very easily with this theme since it's not a node module, but maybe I'm a little out of my tech depth.