feat: add error boundary to install integration / polish

Author: Dion Low

src/components/Configure/ErrorBoundary.tsx

@@ -38,7 +38,7 @@ export class InstallIntegrationErrorBoundary extends Component<
   componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {
     // Log error to console for debugging
     console.error("InstallIntegration Error Boundary caught an error:", error);
-    console.error("Error Info:", errorInfo);
+    console.error("[Error Info]:", errorInfo);
 
     // Call optional error callback
     this.props.onError?.(error, errorInfo);

src/components/Configure/InstallIntegration.tsx

@@ -166,7 +166,12 @@ export function InstallIntegration({
   };
 
   return (
-    <InstallIntegrationErrorBoundary>
+    // catch errors in the InstallIntegrationContent component
+    <InstallIntegrationErrorBoundary
+      fallback={
+        <ComponentContainerError message="Something went wrong, couldn't find integration information" />
+      }
+    >
       {/* eventually will use the headless providers for integration, consumer, and group etc */}
       <InstallationProvider
         integration={integration}