update icon

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

@@ -5,6 +5,7 @@ library;
 
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/database/models/enums.dart';
@@ -57,7 +58,7 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
       backgroundColor: const Color(0xFFF4F6F8),
       appBar: AppBar(
         leading: IconButton(
-          icon: const Icon(Icons.arrow_back, color: Colors.black),
+          icon: const FaIcon(FontAwesomeIcons.arrowLeft, color: Colors.black, size: 20),
           onPressed: () => context.pop(),
         ),
         title: const Text(
@@ -137,17 +138,17 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
         decoration: InputDecoration(
           hintText: 'Mã đơn hàng',
           hintStyle: const TextStyle(color: AppColors.grey500, fontSize: 14),
-          prefixIcon: const Icon(
-            Icons.search,
+          prefixIcon: const FaIcon(
+            FontAwesomeIcons.magnifyingGlass,
             color: AppColors.grey500,
-            size: 20,
+            size: 18,
           ),
           suffixIcon: _searchController.text.isNotEmpty
               ? IconButton(
-                  icon: const Icon(
-                    Icons.clear,
+                  icon: const FaIcon(
+                    FontAwesomeIcons.xmark,
                     color: AppColors.grey500,
-                    size: 20,
+                    size: 18,
                   ),
                   onPressed: () {
                     _searchController.clear();
@@ -283,8 +284,8 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            Icon(
-              Icons.receipt_long_outlined,
+            FaIcon(
+              FontAwesomeIcons.receipt,
               size: 80,
               color: AppColors.grey500.withValues(alpha: 0.5),
             ),
@@ -322,8 +323,8 @@ class _OrdersPageState extends ConsumerState<OrdersPage> {
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            Icon(
-              Icons.error_outline,
+            FaIcon(
+              FontAwesomeIcons.circleExclamation,
               size: 80,
               color: AppColors.danger.withValues(alpha: 0.7),
             ),

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

@@ -5,6 +5,7 @@ library;
 
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import 'package:go_router/go_router.dart';
 import 'package:worker/core/constants/ui_constants.dart';
 import 'package:worker/core/database/models/enums.dart';
@@ -140,7 +141,7 @@ class _PaymentsPageState extends ConsumerState<PaymentsPage>
           backgroundColor: const Color(0xFFF4F6F8),
           appBar: AppBar(
             leading: IconButton(
-              icon: const Icon(Icons.arrow_back, color: Colors.black),
+              icon: const FaIcon(FontAwesomeIcons.arrowLeft, color: Colors.black, size: 20),
               onPressed: () => context.pop(),
             ),
             title: const Text(
@@ -256,7 +257,7 @@ class _PaymentsPageState extends ConsumerState<PaymentsPage>
         backgroundColor: const Color(0xFFF4F6F8),
         appBar: AppBar(
           leading: IconButton(
-            icon: const Icon(Icons.arrow_back, color: Colors.black),
+            icon: const FaIcon(FontAwesomeIcons.arrowLeft, color: Colors.black, size: 20),
             onPressed: () => context.pop(),
           ),
           title: const Text(
@@ -274,7 +275,7 @@ class _PaymentsPageState extends ConsumerState<PaymentsPage>
         backgroundColor: const Color(0xFFF4F6F8),
         appBar: AppBar(
           leading: IconButton(
-            icon: const Icon(Icons.arrow_back, color: Colors.black),
+            icon: const FaIcon(FontAwesomeIcons.arrowLeft, color: Colors.black, size: 20),
             onPressed: () => context.pop(),
           ),
           title: const Text(
@@ -290,8 +291,8 @@ class _PaymentsPageState extends ConsumerState<PaymentsPage>
           child: Column(
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              Icon(
-                Icons.error_outline,
+              FaIcon(
+                FontAwesomeIcons.circleExclamation,
                 size: 80,
                 color: AppColors.danger.withValues(alpha: 0.7),
               ),
@@ -325,19 +326,19 @@ class _PaymentsPageState extends ConsumerState<PaymentsPage>
     switch (tabLabel) {
       case 'Chưa thanh toán':
         message = 'Không có hóa đơn chưa thanh toán';
-        icon = Icons.receipt_long_outlined;
+        icon = FontAwesomeIcons.receipt;
         break;
       case 'Quá hạn':
         message = 'Không có hóa đơn quá hạn';
-        icon = Icons.warning_amber_outlined;
+        icon = FontAwesomeIcons.triangleExclamation;
         break;
       case 'Đã thanh toán':
         message = 'Không có hóa đơn đã thanh toán';
-        icon = Icons.check_circle_outline;
+        icon = FontAwesomeIcons.circleCheck;
         break;
       default:
         message = 'Không có hóa đơn nào';
-        icon = Icons.receipt_long_outlined;
+        icon = FontAwesomeIcons.receipt;
     }
 
     return SliverFillRemaining(
@@ -345,7 +346,7 @@ class _PaymentsPageState extends ConsumerState<PaymentsPage>
         child: Column(
           mainAxisAlignment: MainAxisAlignment.center,
           children: [
-            Icon(
+            FaIcon(
               icon,
               size: 80,
               color: AppColors.grey500.withValues(alpha: 0.5),