special size spinner adjustments and import issue fixes

apps/app/src/components/PageEditor/DrawioModal.tsx

@@ -135,7 +135,7 @@ export const DrawioModal = (): JSX.Element => {
         {/* Loading spinner */}
         <div className="w-100 h-100 position-absolute d-flex">
           <div className="mx-auto my-auto">
-            <span className="mx-auto text-muted"><LoadingSpinnerPulse /></span>
+            <span className="mx-auto text-muted fs-2"><LoadingSpinnerPulse /></span>
           </div>
         </div>
         {/* iframe */}

apps/app/src/components/PageList/PageList.tsx

@@ -3,9 +3,10 @@ import React from 'react';
 import type { IPageInfoForEntity, IPageWithMeta } from '@growi/core';
 import { useTranslation } from 'next-i18next';
 
-import { OnDeletedFunction, OnPutBackedFunction } from '~/interfaces/ui';
+import type { OnDeletedFunction, OnPutBackedFunction } from '~/interfaces/ui';
 
-import { ForceHideMenuItems } from '../Common/Dropdown/PageItemControl';
+import type { ForceHideMenuItems } from '../Common/Dropdown/PageItemControl';
+import { LoadingSpinnerPulse } from '../LoadingSpinnerPulse';
 
 import { PageListItemL } from './PageListItemL';
 
@@ -30,7 +31,7 @@ const PageList = (props: Props<IPageInfoForEntity>): JSX.Element => {
     return (
       <div className="wiki">
         <div className="text-muted text-center">
-          <span className="me-1"><LoadingSpinnerPulse /></span>
+          <span className="me-1 fs-3"><LoadingSpinnerPulse /></span>
         </div>
       </div>
     );

apps/app/src/components/PrivateLegacyPages.tsx

@@ -25,6 +25,7 @@ import {
 } from '~/stores/search';
 
 import { MenuItemType } from './Common/Dropdown/PageItemControl';
+import { LoadingSpinnerPulse } from './LoadingSpinnerPulse';
 import PaginationWrapper from './PaginationWrapper';
 import { PrivateLegacyPagesMigrationModal } from './PrivateLegacyPagesMigrationModal';
 import { OperateAllControl } from './SearchPage/OperateAllControl';
@@ -61,7 +62,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">
-        <span className="me-1"><LoadingSpinnerPulse /></span>
+        <span className="me-1 fs-3"><LoadingSpinnerPulse /></span>
       </div>
     );
   }

apps/app/src/components/SavePageControls/GrantSelector/GrantSelector.tsx

@@ -183,7 +183,7 @@ export const GrantSelector = (props: Props): JSX.Element => {
     if (myUserGroups == null) {
       return (
         <div className="my-3 text-center">
-          <span className="mx-auto text-muted"><LoadingSpinnerPulse /></span>
+          <span className="mx-auto text-muted fs-4"><LoadingSpinnerPulse /></span>
         </div>
       );
     }