✨ Update highlights context settings interface

Author: leeandher

static/app/data/forms/projectGeneralSettings.tsx

@@ -132,14 +132,12 @@ export const fields: Record<string, Field> = {
       return schema;
     },
     validate: ({id, form}) => {
-      if (!form.schema) {
-        return [];
-      }
-
-      try {
-        JSON.parse(form.schema);
-      } catch (e) {
-        return [[id, 'Invalid JSON']];
+      if (form.highlightContext) {
+        try {
+          JSON.parse(form.highlightContext);
+        } catch (e) {
+          return [[id, 'Invalid JSON']];
+        }
       }
       return [];
     },

static/app/views/settings/projectGeneralSettings/index.tsx

@@ -302,24 +302,23 @@ class ProjectGeneralSettings extends DeprecatedAsyncView<Props, State> {
       },
     };
 
-    const detailsFields = [fields.name, fields.platform];
-    if (organization.features.includes('event-tags-tree-ui')) {
-      detailsFields.push(fields.highlightTags);
-      detailsFields.push(fields.highlightContext);
-    }
-
     return (
       <div>
         <SettingsPageHeader title={t('Project Settings')} />
         <PermissionAlert project={project} />
-
         <Form {...formProps}>
           <JsonForm
             {...jsonFormProps}
             title={t('Project Details')}
-            fields={detailsFields}
+            fields={[fields.name, fields.platform]}
           />
-
+          {organization.features.includes('event-tags-tree-ui') && (
+            <JsonForm
+              {...jsonFormProps}
+              title={t('Highlights')}
+              fields={[fields.highlightTags, fields.highlightContext]}
+            />
+          )}
           <JsonForm
             {...jsonFormProps}
             title={t('Email')}