allowing to activate/deactivate runnable examples

[edublancas]

for more context on this, see: https://github.com/ploomber/ploomber.io/issues/164

we are going to deploy interactive docs for mirascope

This codebase works, but there is one feature we're missing: deactivating runnable examples. currently, when configuring this plugin, all pages will have runnable examples, but there might be cases where we want to deactivate them for specific pages.

I started doing the work, this is how I think we can achieve it: pages can set arbitrary values by editing the front matter: https://raw.githubusercontent.com/ploomber/mkdocs-thebe/main/sample-mkdocs-project/docs/index.md

---
runnable_examples: false
---

then, we can read those values in the main template: https://github.com/ploomber/mkdocs-thebe/blob/main/src/mkdocs_thebe/assets/main.html and use that to determine whether we activate examples or not.

currently, the logic to activate the examples is on a separate file: https://github.com/ploomber/mkdocs-thebe/blob/main/src/mkdocs_thebe/assets/mkdocs-thebe.js

the easiest option is to move the content from mkddocs-thebe.js into main.html

and remove the file from here:

mkdocs-thebe/src/mkdocs_thebe/plugin.py

Line 23 in 3f4f35d

config["extra_javascript"].append("mkdocs-thebe.js")

[edublancas]

@bryannho let's put this on hold