Optimize Monaco Editor with lazy loading of assets

[coderabbitai]

Description

Currently, the Monaco Editor implementation loads all assets upfront, which could be optimized with lazy loading to improve initial page load performance.

Context

The Monaco Editor was recently added in PR #1108 to support SQL syntax highlighting and autocomplete. While investigating optimization opportunities, lazy loading techniques were identified but the implementation needs to be better organized.

Goals

• Implement lazy loading for Monaco Editor assets
• Improve initial page load performance
• Maintain current SQL autocomplete and syntax highlighting functionality
• Ensure code organization and maintainability

References

• Original PR: feat(webui): Integrate Monaco editor for future Presto SQL query input. #1108
• Discussion: feat(webui): Integrate Monaco editor for future Presto SQL query input. #1108 (comment)

Related Files

• components/webui/client/src/components/SqlEditor/monaco-config.ts
• components/webui/client/vite.config.ts