src: Make spinners spin

This replaces the `<InProgressIcon>` with animated spinners to indicate that something is happening.

src/Components/CreateImageWizard/steps/Repositories/RepositoriesStatus.tsx

@@ -8,13 +8,13 @@ import {
   DescriptionListGroup,
   DescriptionListTerm,
   Popover,
+  Spinner,
 } from '@patternfly/react-core';
 import {
   CheckCircleIcon,
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
   ExternalLinkAltIcon,
-  InProgressIcon,
 } from '@patternfly/react-icons';
 
 import { CONTENT_URL } from '../../../../constants';
@@ -139,7 +139,7 @@ const RepositoriesStatus = ({
   } else if (repoStatus === 'Pending') {
     return (
       <>
-        <InProgressIcon className="pending" /> {repoStatus}
+        <Spinner isInline /> {repoStatus}
       </>
     );
   }

src/Components/ImagesTable/Status.tsx

@@ -11,6 +11,7 @@ import {
   PanelMain,
   Popover,
   Skeleton,
+  Spinner,
   Text,
 } from '@patternfly/react-core';
 import {
@@ -18,7 +19,6 @@ import {
   CopyIcon,
   ExclamationCircleIcon,
   ExclamationTriangleIcon,
-  InProgressIcon,
   OffIcon,
   PendingIcon,
 } from '@patternfly/react-icons';
@@ -225,22 +225,22 @@ const statuses = {
   },
 
   building: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Image build in progress',
   },
 
   uploading: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Image upload in progress',
   },
 
   registering: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Cloud registration in progress',
   },
 
   running: {
-    icon: <InProgressIcon className="pending" />,
+    icon: <Spinner isInline />,
     text: 'Running',
   },