update loaing

lib/features/orders/presentation/pages/order_detail_page.dart

@@ -14,6 +14,7 @@ import 'package:worker/core/enums/status_color.dart';
 import 'package:worker/core/router/app_router.dart';
 import 'package:worker/core/theme/colors.dart';
 import 'package:worker/core/utils/extensions.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:worker/features/account/domain/entities/address.dart';
 import 'package:worker/features/orders/domain/entities/order_detail.dart';
 import 'package:worker/features/orders/presentation/providers/orders_provider.dart';
@@ -135,7 +136,7 @@ class OrderDetailPage extends ConsumerWidget {
             ],
           );
         },
-        loading: () => const Center(child: CircularProgressIndicator()),
+        loading: () => const CustomLoadingIndicator(),
         error: (error, stack) => Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
@@ -1001,7 +1002,7 @@ class OrderDetailPage extends ConsumerWidget {
                             height: 60,
                             color: colorScheme.surfaceContainerHighest,
                             child: const Center(
-                              child: CircularProgressIndicator(strokeWidth: 2),
+                              child: CustomLoadingIndicator(size: 20),
                             ),
                           ),
                           errorWidget: (context, url, error) => Container(
@@ -1524,13 +1525,9 @@ class OrderDetailPage extends ConsumerWidget {
               SnackBar(
                 content: Row(
                   children: [
-                    SizedBox(
-                      width: 20,
-                      height: 20,
-                      child: CircularProgressIndicator(
-                        strokeWidth: 2,
-                        valueColor: AlwaysStoppedAnimation<Color>(Theme.of(context).colorScheme.onPrimary),
-                      ),
+                    CustomLoadingIndicator(
+                      size: 20,
+                      color: Theme.of(context).colorScheme.onPrimary,
                     ),
                     const SizedBox(width: 12),
                     const Text('Đang hủy đơn hàng...'),

lib/features/orders/presentation/pages/orders_page.dart

@@ -4,6 +4,7 @@
 library;
 
 import 'package:flutter/material.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
@@ -351,7 +352,7 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
   /// Build loading state
   Widget _buildLoadingState() {
     return const SliverFillRemaining(
-      child: Center(child: CircularProgressIndicator()),
+      child: const CustomLoadingIndicator(),
     );
   }
 

lib/features/orders/presentation/pages/payment_detail_page.dart

@@ -4,6 +4,7 @@
 library;
 
 import 'package:flutter/material.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
@@ -192,7 +193,7 @@ class PaymentDetailPage extends ConsumerWidget {
             ),
           );
         },
-        loading: () => const Center(child: CircularProgressIndicator()),
+        loading: () => const const CustomLoadingIndicator(),
         error: (error, stack) => Center(
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,

lib/features/orders/presentation/pages/payment_qr_page.dart

@@ -10,6 +10,7 @@
 library;
 
 import 'dart:async';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'dart:io';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -225,9 +226,7 @@ class PaymentQrPage extends HookConsumerWidget {
               border: Border.all(color: colorScheme.outlineVariant),
             ),
             child: isLoading
-                ? const Center(
-                    child: CircularProgressIndicator(),
-                  )
+                ? const const CustomLoadingIndicator()
                 : qrCodeData != null && qrCodeData.isNotEmpty
                     ? QrImageView(
                         data: qrCodeData,
@@ -580,10 +579,7 @@ class PaymentQrPage extends HookConsumerWidget {
                   ? SizedBox(
                       width: 18,
                       height: 18,
-                      child: CircularProgressIndicator(
-                        strokeWidth: 2,
-                        valueColor: AlwaysStoppedAnimation<Color>(colorScheme.surface),
-                      ),
+                      child: CustomLoadingIndicator(color: colorScheme.primary, size: 20),
                     )
                   : const FaIcon(FontAwesomeIcons.camera, size: 18),
               label: Text(

lib/features/orders/presentation/pages/payments_page.dart

@@ -4,6 +4,7 @@
 library;
 
 import 'package:flutter/material.dart';
+import 'package:worker/core/widgets/loading_indicator.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
@@ -71,7 +72,7 @@ class PaymentsPage extends ConsumerWidget {
             ),
           );
         },
-        loading: () => const Center(child: CircularProgressIndicator()),
+        loading: () => const const CustomLoadingIndicator(),
         error: (error, stack) => _buildErrorState(context, ref, error),
       ),
     );