fix(integrations): integration status consistent in integration details and directory (#54339)

Change:
<img width="911" alt="Screenshot 2023-08-07 at 3 25 56 PM"
src="https://github.com/getsentry/sentry/assets/56209417/a528df77-5653-491b-b937-84a90318bdda">
<img width="912" alt="Screenshot 2023-08-07 at 3 26 07 PM"
src="https://github.com/getsentry/sentry/assets/56209417/e22a6ebb-e4e1-4c71-bd52-f755fd32a799">

Previously:
![Screenshot 2023-08-04 at 11 48 26
AM](https://github.com/getsentry/sentry/assets/56209417/a912307f-5ab5-4c35-a95e-0eabe59682e7)
![Screenshot 2023-08-04 at 11 48 35
AM](https://github.com/getsentry/sentry/assets/56209417/228924fc-5da4-48e9-afae-50b1235179ac)

Author: chloeho7

static/app/views/settings/organizationIntegrations/integrationListDirectory.tsx

@@ -34,6 +34,7 @@ import {createFuzzySearch, Fuse} from 'sentry/utils/fuzzySearch';
 import {
   getAlertText,
   getCategoriesForIntegration,
+  getIntegrationStatus,
   getSentryAppInstallStatus,
   isDocIntegration,
   isPlugin,
@@ -236,6 +237,21 @@ export class IntegrationListDirectory extends DeprecatedAsyncComponent<
     return integrations?.find(i => i.provider.key === integration.key) ? 2 : 0;
   }
 
+  getInstallStatuses(integrations: Integration[]) {
+    const statusList = integrations?.map(getIntegrationStatus);
+    // if we have conflicting statuses, we have a priority order
+    if (statusList.includes('active')) {
+      return 'Installed';
+    }
+    if (statusList.includes('disabled')) {
+      return 'Disabled';
+    }
+    if (statusList.includes('pending_deletion')) {
+      return 'Pending Deletion';
+    }
+    return 'Not Installed';
+  }
+
   getPopularityWeight = (integration: AppOrProviderOrPlugin) => {
     if (isSentryApp(integration) || isDocIntegration(integration)) {
       return integration?.popularity ?? 1;
@@ -395,7 +411,7 @@ export class IntegrationListDirectory extends DeprecatedAsyncComponent<
         type="firstParty"
         slug={provider.slug}
         displayName={provider.name}
-        status={integrations.length ? 'Installed' : 'Not Installed'}
+        status={this.getInstallStatuses(integrations)}
         publishStatus="published"
         configurations={integrations.length}
         categories={getCategoriesForIntegration(provider)}