feat(ui): restyle ConfigureSSO confirmation step

Unifies the SSO Successfully configured title with the status badge, lays out
configuration details in a two-column grid, swaps the configure-again and
reset connection actions to dedicated outlined and destructive buttons, and
adds a sticky inactive banner inside the step footer when the connection is
disabled.

Author: iagodahlem

.changeset/sso-confirmation-restyle.md

@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Restyle the ConfigureSSO confirmation step with a unified header, two-column details layout, dedicated Configure again and Reset connection buttons, and an inactive-state banner.

packages/localizations/src/en-US.ts

@@ -225,7 +225,10 @@ export const enUS: LocalizationResource = {
       statusSection: {
         activeBadge: 'Active',
         inactiveBadge: 'Inactive',
-        title: 'SSO Status',
+        title: 'SSO Successfully configured',
+      },
+      inactiveBanner: {
+        title: 'SSO is inactive and you need to enable it to authenticate',
       },
     },
     missingManageEnterpriseConnectionsPermission: {

packages/shared/src/types/localization.ts

@@ -1633,6 +1633,9 @@ export type __internal_LocalizationResource = {
         confirmationFieldLabel: LocalizationValue<'name'>;
         submitButton: LocalizationValue;
       };
+      inactiveBanner: {
+        title: LocalizationValue;
+      };
     };
   };
   apiKeys: {