Add loading feedback to refresh logs button

Author: LauraBeatris

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

@@ -56,13 +56,15 @@ export const TestConfigurationStep = (): JSX.Element => {
     data: testRuns,
     totalCount,
     isLoading: areTestRunsLoading,
+    isFetching: areTestRunsFetching,
     isPolling,
     revalidate: revalidateTestRuns,
   } = __internal_useEnterpriseConnectionTestRuns({
     enterpriseConnectionId: enterpriseConnection?.id ?? null,
     params: { initialPage: currentPage, pageSize: TEST_RUNS_PAGE_SIZE },
   });
 
+  const isRefreshingTestRuns = areTestRunsFetching && !areTestRunsLoading;
   const pageCount = totalCount ? Math.ceil(totalCount / TEST_RUNS_PAGE_SIZE) : 0;
 
   const handleTestRunCreated = () => {
@@ -112,14 +114,21 @@ export const TestConfigurationStep = (): JSX.Element => {
                 colorScheme='secondary'
                 size='xs'
                 onClick={() => void revalidateTestRuns()}
-                isDisabled={areTestRunsLoading}
+                isDisabled={isRefreshingTestRuns}
                 sx={t => ({ gap: t.space.$1x5 })}
               >
-                <Icon
-                  icon={RotateLeftRight}
-                  size='sm'
-                  colorScheme='neutral'
-                />
+                {isRefreshingTestRuns ? (
+                  <Spinner
+                    elementDescriptor={descriptors.spinner}
+                    size='xs'
+                  />
+                ) : (
+                  <Icon
+                    icon={RotateLeftRight}
+                    size='sm'
+                    colorScheme='neutral'
+                  />
+                )}
                 <Text
                   as='span'
                   localizationKey={localizationKeys(