change spinner

packages/remark-lsx/src/client/components/Lsx.module.scss

@@ -1,3 +1,5 @@
+@use '@growi/core/scss/spinner';
+
 .lsx :global {
   // workaround
   // https://stackoverflow.com/a/57667536

packages/remark-lsx/src/client/components/Lsx.tsx

@@ -1,6 +1,8 @@
 import React, { useCallback, useMemo } from 'react';
 
 
+import { LoadingSpinner } from '@growi/ui/dist/components';
+
 import { useSWRxLsx } from '../stores/lsx';
 import { generatePageNodeTree } from '../utils/page-node';
 
@@ -71,7 +73,7 @@ const LsxSubstance = React.memo(({
     return (
       <div className={`text-muted ${isLoading ? 'lsx-blink' : ''}`}>
         <small>
-          <i className="fa fa-spinner fa-pulse me-1"></i>
+          <LoadingSpinner />
           {lsxContext.toString()}
         </small>
       </div>