Merge pull request Expensify#88738 from Expensify/claude-useLoadingIndicatorInPlanTypePage

Use LoadingIndicator in WorkspaceOverviewPlanTypePage

Author: Julesssss

src/pages/workspace/DynamicWorkspaceOverviewPlanTypePage.tsx

@@ -2,8 +2,8 @@ import {format} from 'date-fns';
 import React, {useEffect, useState} from 'react';
 import {View} from 'react-native';
 import type {ValueOf} from 'type-fest';
+import ActivityIndicator from '@components/ActivityIndicator';
 import Button from '@components/Button';
-import FullScreenLoadingIndicator from '@components/FullscreenLoadingIndicator';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import Icon from '@components/Icon';
 import ScreenWrapper from '@components/ScreenWrapper';
@@ -133,8 +133,11 @@ function DynamicWorkspaceOverviewPlanTypePage({policy}: WithPolicyProps) {
             >
                 <HeaderWithBackButton title={translate('workspace.common.planType')} />
                 {policy?.isLoading ? (
-                    <View style={styles.flex1}>
-                        <FullScreenLoadingIndicator reasonAttributes={{context: 'WorkspaceOverviewPlanTypePage'}} />
+                    <View style={[styles.flex1, styles.fullScreenLoading]}>
+                        <ActivityIndicator
+                            size={CONST.ACTIVITY_INDICATOR_SIZE.LARGE}
+                            reasonAttributes={{context: 'WorkspaceOverviewPlanTypePage'}}
+                        />
                     </View>
                 ) : (
                     <>