Install and Implement Monaco as Code Editor

[MarcusGronna]

Summary

Install and integrate the Monaco Editor into the CodeQuest project to provide an advanced code editing experience within the application.

Requirements

• Add Monaco Editor as a dependency using a package manager (e.g., npm).
• Integrate Monaco Editor within the relevant component(s) where code editing functionality is required.
• Ensure syntax highlighting and language support matches the languages used in CodeQuest (e.g., JavaScript, TypeScript, C#,).
• Provide a basic configuration and example usage inside the app.
• Document the setup steps and any custom configuration in the repository documentation.

Acceptance Criteria

• Users are able to edit code using Monaco within the application UI.
• Monaco Editor supports highlighting for JavaScript, TypeScript, C#, .
• Implementation does not break existing functionality.
• Sufficient documentation for installation and usage is included.

Additional Notes

Consider future extensibility for more languages and editor features, as CodeQuest supports a broad set of technologies.