Fix ESLint prettier/prettier and prop-types issues

- Fix indentation in ConfigurationLayout.jsx onSchemaChange callback
- Add PropTypes validation to GlobalServiceTierSection component
- Add PropTypes validation to OperationServiceTierField component
- Fix formatting in configTypes.js SERVICE_TIER_HELP_TEXT

Author: khanrubd

src/ui/src/components/configuration-layout/ConfigurationLayout.jsx

@@ -1245,34 +1245,34 @@ const ConfigurationLayout = () => {
                   onChange={handleFormChange}
                   extractionSchema={extractionSchema}
                   onSchemaChange={(schemaData, isDirty) => {
-                  setExtractionSchema(schemaData);
-                  if (isDirty) {
-                    const updatedConfig = { ...formValues };
-                    // CRITICAL: Always set classes, even if empty array (to support wipe all functionality)
-                    // Handle null (no classes) by setting empty array
-                    if (schemaData === null) {
-                      updatedConfig.classes = [];
-                    } else if (Array.isArray(schemaData)) {
-                      // Store as 'classes' field with JSON Schema content
-                      updatedConfig.classes = schemaData;
+                    setExtractionSchema(schemaData);
+                    if (isDirty) {
+                      const updatedConfig = { ...formValues };
+                      // CRITICAL: Always set classes, even if empty array (to support wipe all functionality)
+                      // Handle null (no classes) by setting empty array
+                      if (schemaData === null) {
+                        updatedConfig.classes = [];
+                      } else if (Array.isArray(schemaData)) {
+                        // Store as 'classes' field with JSON Schema content
+                        updatedConfig.classes = schemaData;
+                      }
+                      setFormValues(updatedConfig);
+                      setJsonContent(JSON.stringify(updatedConfig, null, 2));
+                      try {
+                        setYamlContent(yaml.dump(updatedConfig));
+                      } catch (e) {
+                        console.error('Error converting to YAML:', e);
+                      }
                     }
-                    setFormValues(updatedConfig);
-                    setJsonContent(JSON.stringify(updatedConfig, null, 2));
-                    try {
-                      setYamlContent(yaml.dump(updatedConfig));
-                    } catch (e) {
-                      console.error('Error converting to YAML:', e);
+                  }}
+                  onSchemaValidate={(valid, errors) => {
+                    if (!valid) {
+                      setValidationErrors(errors.map((e) => ({ message: `Schema: ${e.path} - ${e.message}` })));
+                    } else {
+                      setValidationErrors([]);
                     }
-                  }
-                }}
-                onSchemaValidate={(valid, errors) => {
-                  if (!valid) {
-                    setValidationErrors(errors.map((e) => ({ message: `Schema: ${e.path} - ${e.message}` })));
-                  } else {
-                    setValidationErrors([]);
-                  }
-                }}
-              />
+                  }}
+                />
               </SpaceBetween>
             )}
 

src/ui/src/components/configuration-layout/GlobalServiceTierSection.jsx

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import React from 'react';
+import PropTypes from 'prop-types';
 import { FormField, Select } from '@cloudscape-design/components';
 import { SERVICE_TIER_OPTIONS, SERVICE_TIER_HELP_TEXT } from '../../constants/configTypes';
 
@@ -45,4 +46,11 @@ const GlobalServiceTierSection = ({ configuration, onConfigChange }) => {
   );
 };
 
+GlobalServiceTierSection.propTypes = {
+  configuration: PropTypes.shape({
+    service_tier: PropTypes.string,
+  }).isRequired,
+  onConfigChange: PropTypes.func.isRequired,
+};
+
 export default GlobalServiceTierSection;

src/ui/src/components/configuration-layout/OperationServiceTierField.jsx

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import React from 'react';
+import PropTypes from 'prop-types';
 import { FormField, Select } from '@cloudscape-design/components';
 import { SERVICE_TIER_OPERATION_OPTIONS, SERVICE_TIER_HELP_TEXT } from '../../constants/configTypes';
 
@@ -19,10 +20,7 @@ const OperationServiceTierField = ({ value, onChange, globalTier = 'standard' })
   };
 
   return (
-    <FormField
-      label="Service Tier Override"
-      description={`${SERVICE_TIER_HELP_TEXT.operation} Current effective tier: ${effectiveTier}`}
-    >
+    <FormField label="Service Tier Override" description={`${SERVICE_TIER_HELP_TEXT.operation} Current effective tier: ${effectiveTier}`}>
       <Select
         selectedOption={SERVICE_TIER_OPERATION_OPTIONS.find((opt) => opt.value === value)}
         onChange={handleChange}
@@ -33,4 +31,15 @@ const OperationServiceTierField = ({ value, onChange, globalTier = 'standard' })
   );
 };
 
+OperationServiceTierField.propTypes = {
+  value: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  globalTier: PropTypes.string,
+};
+
+OperationServiceTierField.defaultProps = {
+  value: null,
+  globalTier: 'standard',
+};
+
 export default OperationServiceTierField;

src/ui/src/constants/configTypes.js

@@ -40,6 +40,5 @@ export const SERVICE_TIER_OPERATION_OPTIONS = [
 export const SERVICE_TIER_HELP_TEXT = {
   global:
     'Choose the default service tier for all Bedrock API calls. Priority offers fastest response times at premium pricing, Standard provides consistent performance, and Flex offers cost savings with longer latency.',
-  operation:
-    'Override the global service tier for this specific operation. Select "Use Global Default" to inherit the global setting.',
+  operation: 'Override the global service tier for this specific operation. Select "Use Global Default" to inherit the global setting.',
 };