[feature request] investigate using codapi

the UX is pretty decent (ignore the not actually fibbonaci function, it's just an example) but by adding a `` block after ever `pre` we can get runnable code.

This would work nicely for python and SQL tutorials potentially.

````markdown
```python
def fib(n):
if n < 2:
return 1
else:
return n + fib(n - 1)

print(fib(10))
```


````

produces


with the benefit that it's directly in-page editable. we'd need to see about [sharing state between the different boxes](https://github.com/nalgeon/codapi-js/blob/main/docs/code-cells.md).

it's an idea. the jupylite experience kinda sucks, and this'd be better by far.

Start by reviewing the codapi-js code-cells documentation linked in the issue and the proposed markup after Markdown pre blocks. Check how this could apply to Python and SQL tutorials, including whether state can be shared between boxes. Done means the integration approach, affected tutorial rendering path, and state-sharing behavior are defined.

Written by the indexing model from the issue text.