fix(live-codeblock): add err boundary to live code block

[mturoci]

Pre-flight checklist

• I have read the Contributing Guidelines on pull requests.
• If this is a code change: I have written unit tests and/or added dogfooding pages to fully verify the new behavior.
• If this is a new API or substantial change: the PR has an accompanying issue (closes #0000) and the maintainers have approved on my working plan.

Motivation

Invalid code in live code block should not crash the whole page, but just editor.

Test Plan

Manual.

Screen.Recording.2022-10-11.at.8.52.46.PM.mov

Test links

Deploy preview: https://deploy-preview-_____--docusaurus-2.netlify.app/

Related issues/PRs

Closes #8009

[netlify]

✅ [V2]

Built without sensitive environment variables

Name	Link
🔨 Latest commit	0c7d58e
🔍 Latest deploy log	https://app.netlify.com/sites/docusaurus-2/deploys/6345baab2cf2a00009f408c2
😎 Deploy Preview	https://deploy-preview-8203--docusaurus-2.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[github-actions]

⚡️ Lighthouse report for the deploy preview of this PR

URL	Performance	Accessibility	Best Practices	SEO	PWA	Report
/	🟠 59	🟢 98	🟢 100	🟢 100	🟠 80	Report
/docs/installation	🟠 75	🟢 100	🟢 100	🟢 100	🟢 90	Report

[slorber]

Sorry but there's already a pending PR for that which looks better to what I want: only show the error in the live preview and keep the code block mounted:

#8015

[mturoci]

Woops, didn't notice that PR. Sorry for the duplicate.