fix(platform): say why nothing connects in Emir's empty state, not a second list line

A managed or unconnectable app added its reason as another muted line
under the credential list's empty text. The list keeps Emir's anatomy,
and an app with nothing connected and a reason reads his member page's
empty state: No connected credentials, with the reason as its
description.

Author: waleedlatif1

apps/sim/app/(product)/o/[organizationId]/integrations/_components/credential-list/credential-list.tsx

@@ -12,8 +12,6 @@ type CredentialListProps = {
    */
   providerId: string
   credentials: readonly IntegrationCredential[]
-  /** Why the viewer cannot connect a credential, read beneath an empty list. */
-  emptyNotice?: string
 } & (
   | {
       /** Each row's own address, so a live row is a link as legacy's was. */
@@ -26,7 +24,6 @@ type CredentialListProps = {
 export function CredentialList({
   providerId,
   credentials,
-  emptyNotice,
   credentialHref,
   onOpen,
 }: CredentialListProps) {
@@ -58,16 +55,9 @@ export function CredentialList({
           )}
         </ul>
       ) : (
-        <>
-          <p className={styles.empty} data-type='T060'>
-            No connected credentials
-          </p>
-          {emptyNotice && (
-            <p className={styles.empty} data-type='T060'>
-              {emptyNotice}
-            </p>
-          )}
-        </>
+        <p className={styles.empty} data-type='T060'>
+          No connected credentials
+        </p>
       )}
     </section>
   )

apps/sim/app/(product)/o/[organizationId]/integrations/_components/live-integration-details/live-integration-details.tsx

@@ -43,7 +43,7 @@ interface LiveIntegrationDetailsProps {
    * the organization manages, no Connect shows.
    */
   unavailableReason?: string
-  /** Why the viewer cannot connect their own credential, beneath an empty list. */
+  /** Why the viewer cannot connect their own credential, said in place of an empty list. */
   emptyNotice?: string
   pending: boolean
   /** The open credential's page; `disconnect` asks before removing it. */
@@ -153,14 +153,16 @@ export function LiveIntegrationDetails({
           )
         )}
       </ControlBar>
-      {credentials && (
-        <CredentialList
-          providerId={app.providerId}
-          credentials={credentials}
-          credentialHref={credentialHref}
-          emptyNotice={emptyNotice}
-        />
-      )}
+      {credentials &&
+        (!credentials.length && emptyNotice ? (
+          <EmptyState title='No connected credentials' description={emptyNotice} />
+        ) : (
+          <CredentialList
+            providerId={app.providerId}
+            credentials={credentials}
+            credentialHref={credentialHref}
+          />
+        ))}
       {capabilities}
     </>
   )