added format command and added trailing commas to reduce conflicts

app/src/ui/components/code/CodeEditor.tsx

@@ -23,7 +23,7 @@ export default function CodeEditor({
       ? {
            ...(typeof basicSetup === "object" ? basicSetup : {}),
            highlightActiveLine: false,
-           highlightActiveLineGutter: false
+           highlightActiveLineGutter: false,
         }
       : basicSetup;
 

app/src/ui/components/code/JsonEditor.tsx

@@ -10,7 +10,7 @@ export function JsonEditor({ editable, className, ...props }: CodeEditorProps) {
             className={twMerge(
                "flex w-full border border-muted",
                !editable && "opacity-70",
-               className
+               className,
             )}
             editable={editable}
             _extensions={{ json: true }}

app/src/ui/components/code/JsonViewer.tsx

@@ -9,7 +9,7 @@ export const JsonViewer = ({
    expand = 0,
    showSize = false,
    showCopy = false,
-   className
+   className,
 }: {
    json: object;
    title?: string;
@@ -61,7 +61,7 @@ export const JsonViewer = ({
                      "text-zinc-400 font-mono font-bold text-lg after:content-['▾'] mr-1.5",
                   expandIcon:
                      "text-zinc-400 font-mono font-bold text-lg after:content-['▸'] mr-1.5",
-                  noQuotesForStringValues: false
+                  noQuotesForStringValues: false,
                } as any
             }
          />

app/src/ui/components/code/LiquidJsEditor.tsx

@@ -80,7 +80,7 @@ const filters = [
    { label: "url_encode" },
    { label: "where" },
    { label: "where_exp" },
-   { label: "xml_escape" }
+   { label: "xml_escape" },
 ];
 
 const tags = [
@@ -103,7 +103,7 @@ const tags = [
    { label: "render" },
    { label: "tablerow" },
    { label: "unless" },
-   { label: "when" }
+   { label: "when" },
 ];
 
 export function LiquidJsEditor({ editable, ...props }: CodeEditorProps) {
@@ -112,11 +112,11 @@ export function LiquidJsEditor({ editable, ...props }: CodeEditorProps) {
          <CodeEditor
             className={twMerge(
                "flex w-full border border-muted bg-white rounded-lg",
-               !editable && "opacity-70"
+               !editable && "opacity-70",
             )}
             editable={editable}
             _extensions={{
-               liquid: { filters, tags }
+               liquid: { filters, tags },
             }}
             {...props}
          />