feat(dev): add playground to render syntax

[Aarebecca]

[gemini-code-assist]

Code Review

This pull request introduces a new "Playground" feature that allows users to edit syntax in a Monaco editor and view real-time infographic previews, including local storage persistence for the editor's content. The review feedback recommends optimizing state initialization by using a lazy initializer for local storage to prevent UI flickering and replacing hardcoded height calculations with a flexbox layout to improve responsiveness across different viewports.

[codecov-commenter]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 46.85%. Comparing base (ea238f5) to head (8a98ede).
⚠️ Report is 3 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #235      +/-   ##
==========================================
+ Coverage   46.62%   46.85%   +0.22%     
==========================================
  Files         342      342              
  Lines       28261    28417     +156     
  Branches     2368     2400      +32     
==========================================
+ Hits        13177    13315     +138     
- Misses      15072    15089      +17     
- Partials       12       13       +1     

Flag	Coverage Δ
infographic	46.85% <ø> (+0.22%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.