react-live fix: wrap preview in boundary

React-Live did not catch a runtime error (not caught in the transpile phase).

We can't catch all errors (like event handlers) but we can catch useEffect's cleanup functions.

Fixes # (issue)

https://github.com/user-attachments/assets/7fa18a71-e688-406b-aa98-9f526518fa43

The above video demonstrates, not a cleanup function not causing crash.

Worth noting, cleanup function runs one cycle "behind", therefore even if we correct the code the previous code with error still shows up.

[x] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] This change requires a documentation update

[ ] I have included a changeset if this change will require a version change to one of the packages.
[ ] I have performed a self-review of my own code
[ ] I have commented my code, particularly in hard-to-understand areas
[ ] I have made corresponding changes to the documentation
[ ] I have run all builds, tests, and linting and all checks pass
[ ] I have added tests that prove my fix is effective or that my feature works
[ ] My changes generate no new warnings
[ ] Any dependent changes have been merged and published in downstream modules