fix(ui): handle parsing errors properly in object editor

[MasonM]

Motivation

#13915 introduced a regression where edits made in an object editor that introduce syntax errors cause a full screen error.

This is happening because parsing was lifted out of <ObjectEditor> and into a reducer. Before #13915, the object editor used the following to catch parse errors:

argo-workflows/ui/src/shared/components/object-editor.tsx

Lines 131 to 136 in eb4f245

	try {
	onChange(parse(v));
	setError(null);
	} catch (e) {
	setError(e);
	}

After #13915, the parsing logic was moved to reducer(), which is executed async, and therefore errors aren't propagated to the catch (e) {} block:

argo-workflows/ui/src/shared/components/object-editor.tsx

Lines 117 to 122 in 1392ef5

	try {
	onChange(v);
	setError(null);
	} catch (e) {
	setError(e);
	}

Modifications

This moves the parsing logic to the setObject() function (which gets passed as onChange to <ObjectEditor>), which means errors will now be caught by the catch (e) {} block.

Verification

Tested by going http://localhost:8080/workflow-templates, creating a new WorkflowTemplate, and making edits.

fix_error_handling.mp4