Formatting feature across all Monaco-based editors

[teja-pola]

Closes #274

Changes

• Implemented the formatting feature for all Monaco-based editors (ConcertoEditor, TemplateMark, JSONEditor).
• Used monaco.editor.getEditors() to retrieve all editor instances and apply formatting.
• Ensured the format button (FaMagic icon) is aligned properly in the UI for all editors.
• Handled cases where Monaco might not be loaded yet to prevent runtime errors.

Flags

n/a

Screenshots or Video

Untitled.video.-.Made.with.Clipchamp.4.mp4

Related Issues

• Issue Add Formatting Support for All Editors in Monaco Editor #274

Packages added:

remark (^15.0.1) – A markdown parser and transformer for JavaScript, used for processing markdown content efficiently. Remark GitHub
rehype-highlight (^7.0.0) – A plugin for rehype that adds syntax highlighting to code blocks in markdown. Rehype-Highlight GitHub
rehype-raw (^7.0.0) – Enables raw HTML processing inside markdown while ensuring safe output. Rehype-Raw GitHub
regenerator-runtime (^0.13.11) – Provides support for async/await and generator functions, ensuring cross-environment compatibility. Regenerator GitHub
remark-parse (^10.0.0) - A parser that converts markdown into an Abstract Syntax Tree (AST) for further processing.
GitHub: remarkjs/remark-parse
remark-stringify (^10.0.0) - A plugin for converting markdown AST back into a string format, useful for formatting markdown output.
GitHub: remarkjs/remark-stringify

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to main from fork:branchname

[netlify]

✅ Deploy Preview for ap-template-playground ready!

Name	Link
🔨 Latest commit	2b2c134
🔍 Latest deploy log	https://app.netlify.com/sites/ap-template-playground/deploys/67e4c1d35426670008ac8956
😎 Deploy Preview	https://deploy-preview-275--ap-template-playground.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 configuration.

[sanketshevkar]

This seems like a much needed feature. Can you help us with a few more details about the packages being added and their usage in this project?

[teja-pola]

This seems like a much needed feature. Can you help us with a few more details about the packages being added and their usage in this project?

Added. Please review and let me know if any more details are needed!