change spinner

apps/app/src/components/Admin/SlackIntegration/SlackIntegration.jsx

@@ -187,7 +187,7 @@ const SlackIntegration = () => {
   if (isLoading) {
     return (
       <div className="text-muted text-center">
-        <i className="fa fa-2x fa-spinner fa-pulse me-1"></i>
+        <span className="me-1"><LoadingSpinnerPulse /></span>
       </div>
     );
   }

apps/app/src/components/InAppNotification/InAppNotificationList.tsx

@@ -19,7 +19,7 @@ const InAppNotificationList: FC<Props> = (props: Props) => {
     return (
       <div className="wiki">
         <div className="text-muted text-center">
-          <i className="fa fa-2x fa-spinner fa-pulse me-1"></i>
+          <span className="me-1"><LoadingSpinnerPulse /></span>
         </div>
       </div>
     );

apps/app/src/components/InfiniteScroll.tsx

@@ -32,7 +32,7 @@ const useIntersection = <E extends HTMLElement>(): [boolean, Ref<E>] => {
 const LoadingIndicator = (): React.ReactElement => {
   return (
     <div className="text-muted text-center">
-      <i className="fa fa-2x fa-spinner fa-pulse me-1"></i>
+      <span className="me-1"><LoadingSpinnerPulse /></span>
     </div>
   );
 };

apps/app/src/components/PrivateLegacyPages.tsx

@@ -61,7 +61,7 @@ const SearchResultListHead = React.memo((props: SearchResultListHeadProps): JSX.
   if (migrationStatus == null) {
     return (
       <div className="mw-0 flex-grow-1 flex-basis-0 m-5 text-muted text-center">
-        <i className="fa fa-2x fa-spinner fa-pulse me-1"></i>
+        <span className="me-1"><LoadingSpinnerPulse /></span>
       </div>
     );
   }