fix(ui): Configure SSO copy button loading state (#8592)

Author: alexcarpenter

.changeset/fix-copy-test-url-button-shift.md

@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Fix layout shift when Copy test URL button enters loading state in `<ConfigureSSO />`

packages/ui/src/components/ConfigureSSO/steps/TestConfigurationStep.tsx

@@ -708,7 +708,6 @@ type CopyTestUrlButtonProps = {
 };
 
 const CopyTestUrlButton = ({ onTestRunCreated }: CopyTestUrlButtonProps): JSX.Element => {
-  const { t } = useLocalizations();
   const { user } = useUser();
   const card = useCardState();
   const { enterpriseConnection } = useConfigureSSO();
@@ -743,17 +742,22 @@ const CopyTestUrlButton = ({ onTestRunCreated }: CopyTestUrlButtonProps): JSX.El
       size='xs'
       onClick={createTestRun}
       isDisabled={isCreatingTestRun}
-      isLoading={isCreatingTestRun}
-      loadingText={t(localizationKeys('configureSSO.testConfigurationStep.testUrl.actionLabel__copy'))}
       sx={t => ({
         gap: t.space.$1x5,
       })}
     >
-      <Icon
-        icon={hasCopied ? Check : Copy}
-        size='sm'
-        colorScheme='neutral'
-      />
+      {isCreatingTestRun ? (
+        <Spinner
+          elementDescriptor={descriptors.spinner}
+          size='xs'
+        />
+      ) : (
+        <Icon
+          icon={hasCopied ? Check : Copy}
+          size='sm'
+          colorScheme='neutral'
+        />
+      )}
       <Text
         as='span'
         localizationKey={localizationKeys('configureSSO.testConfigurationStep.testUrl.actionLabel__copy')}