Add code editor support

This pull request enhances the schema_form component by adding automatic code editor support for fields that are likely to contain code. It detects such fields based on their name or schema format and renders a Monaco code editor with dynamic theming that responds to light/dark mode changes. The main changes are:

Author: SahanUday

components/ui/schema_form.cl.jac

@@ -3,8 +3,9 @@
 Handles: string, number, integer, boolean, array (simple), object (nested keys).
 """
 
-cl import from "react" { useState }
+cl import from "react" { useState, useEffect }
 cl import from .primitives { Input, Btn, Textarea, Select }
+cl import from "@monaco-editor/react" { default as MonacoEditor }
 
 def RenderFieldForSchema(schema: Any, path: Any, value: Any, onChange: Any) -> Any {
     safeSchema = schema or {};
@@ -98,6 +99,57 @@ def RenderFieldForSchema(schema: Any, path: Any, value: Any, onChange: Any) -> A
         </div>;
     }
 
+    # Code editor: detect by field name or schema format
+    codeFieldNames = ["code", "source", "source_code", "jac_code", "python_code", "script", "snippet"];
+    lowerPath = path.toLowerCase();
+    isCodeField = codeFieldNames.includes(lowerPath) or safeSchema.format == "code";
+
+    if isCodeField {
+        has editorTheme: Any = "vs-dark";
+
+        useEffect(lambda -> Any {
+            `root = document.documentElement;
+            isDark = `root.classList.contains("dark");
+            editorTheme = "vs-dark" if isDark else "vs";
+
+            observer = Reflect.construct(MutationObserver, [lambda(mutations: Any) -> None {
+                editorTheme = "vs-dark" if document.documentElement.classList.contains("dark") else "vs";
+            }]);
+            observer.observe(`root, {"attributes": True, "attributeFilter": ["class"]});
+
+            return lambda -> None { observer.disconnect(); };
+        }, []);
+
+        def handleEditorChange(val: Any) -> None {
+            onChange(path, val or "");
+        }
+
+        return <div className="monaco-container">
+            <MonacoEditor
+                height="300px"
+                defaultLanguage="python"
+                theme={editorTheme}
+                value={value or ""}
+                onChange={handleEditorChange}
+                options={{
+                    "minimap": {"enabled": False},
+                    "fontSize": 13,
+                    "lineNumbers": "on",
+                    "scrollBeyondLastLine": False,
+                    "wordWrap": "on",
+                    "tabSize": 4,
+                    "insertSpaces": True,
+                    "automaticLayout": True,
+                    "padding": {"top": 12, "bottom": 12},
+                    "renderLineHighlight": "line",
+                    "scrollbar": {"verticalScrollbarSize": 6, "horizontalScrollbarSize": 6},
+                    "overviewRulerBorder": False,
+                    "hideCursorInOverviewRuler": True
+                }}
+            />
+        </div>;
+    }
+
     # Default: string (use textarea for long strings)
     if safeSchema.format == "textarea" or (description and len(description) > 50) {
         return <Textarea