Add config editor to webUI (#4608)

* Add raw config endpoint

* Add config editor

* Add code editor

* Add error

* Add ability to copy config

* Only show the save button when code has been edited

* Update errors

* Remove debug config from system page

* Break out config saving steps to pinpoint where error occurred.

* Show correct config errors

* Switch to monaco editor

* Adjust UI colors and behavior

* Get yaml validation working

* Set success color

web/vite.config.ts

@@ -2,13 +2,16 @@
 import path from "path";
 import { defineConfig } from 'vite'
 import preact from '@preact/preset-vite'
+import monacoEditorPlugin from 'vite-plugin-monaco-editor';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   define: {
     'import.meta.vitest': 'undefined',
   },
-  plugins: [preact()],
+  plugins: [preact(), monacoEditorPlugin.default({
+    customWorkers: [{label: 'yaml', entry: 'monaco-yaml/yaml.worker'}]
+  })],
   test: {
     environment: 'jsdom',
     alias: {