fix: OPTIC-1982: Allow any errors to be displayed inline for external connection testing (#7442)

Co-authored-by: AndrejOros <[email protected]>

Author: bmartel

web/apps/labelstudio/src/components/Form/Form.jsx

@@ -245,7 +245,7 @@ export default class Form extends React.Component {
 
     this.setState({ lastResponse: response });
 
-    if (response === null) {
+    if (!response?.$meta?.ok) {
       this.props.onError?.();
       return false;
     }

web/apps/labelstudio/src/pages/Settings/StorageSettings/StorageForm.jsx

@@ -70,7 +70,7 @@ export const StorageForm = forwardRef(({ onSubmit, target, project, rootClass, s
         body,
       });
 
-      if (response !== null) setConnectionValid(true);
+      if (response?.$meta?.ok) setConnectionValid(true);
       else setConnectionValid(false);
     }
     setChecking(false);

web/apps/labelstudio/src/providers/ApiProvider.tsx

@@ -226,9 +226,12 @@ export const ApiProvider = forwardRef<ApiContextType, PropsWithChildren<any>>(({
           }
         }
 
-        if (shouldShowGlobalError && suppressError !== true) {
+        // Allow inline error handling
+        if (suppressError !== true) {
           setError(result);
+        }
 
+        if (shouldShowGlobalError && suppressError !== true) {
           let displayErrorToast: ErrorDisplayMessage | undefined;
 
           // If there are no validation errors, show a toast error