refactor(icons): 迁移 components 目录图标到 lucide-react

- @chakra-ui/icons → lucide-react
- react-icons → lucide-react
- 涉及 49 个组件文件

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/Tables/SearchTable2.js

@@ -40,15 +40,7 @@ import {
 } from "@chakra-ui/react";
 import React, { useMemo } from "react";
 import { SearchBar } from "components/Navbars/SearchBar/SearchBar";
-import { MdReplay, MdCheck } from "react-icons/md";
-import { IoMdClose } from "react-icons/io";
-import { FaCheckCircle, FaTimesCircle, FaUndoAlt } from "react-icons/fa";
-import { GrFormNext, GrFormPrevious } from "react-icons/gr";
-import {
-  TiArrowSortedDown,
-  TiArrowSortedUp,
-  TiArrowUnsorted,
-} from "react-icons/ti";
+import { RotateCcw, Check, X, CheckCircle, XCircle, Undo2, ChevronRight, ChevronLeft, ChevronDown, ChevronUp, ChevronsUpDown } from "lucide-react";
 import {
   useGlobalFilter,
   usePagination,
@@ -145,9 +137,9 @@ function SearchTable2(props) {
                         as={
                           column.isSorted
                             ? column.isSortedDesc
-                              ? TiArrowSortedDown
-                              : TiArrowSortedUp
-                            : TiArrowUnsorted
+                              ? ChevronDown
+                              : ChevronUp
+                            : ChevronsUpDown
                         }
                       />
                     </Flex>
@@ -185,10 +177,10 @@ function SearchTable2(props) {
                             <Icon
                               as={
                                 cell.value === "Paid"
-                                  ? MdCheck
+                                  ? Check
                                   : cell.value === "Refunded"
-                                    ? MdReplay
-                                    : IoMdClose
+                                    ? RotateCcw
+                                    : X
                               }
                               color={
                                 cell.value === "Paid"
@@ -283,7 +275,7 @@ function SearchTable2(props) {
                 borderColor: "gray.500",
               }}
             >
-              <Icon as={GrFormPrevious} w="16px" h="16px" color="gray.400" />
+              <Icon as={ChevronLeft} w="16px" h="16px" color="gray.400" />
             </Button>
             {pageSize === 5 ? (
               <NumberInput
@@ -348,7 +340,7 @@ function SearchTable2(props) {
                 borderColor: "gray.500",
               }}
             >
-              <Icon as={GrFormNext} w="16px" h="16px" color="gray.400" />
+              <Icon as={ChevronRight} w="16px" h="16px" color="gray.400" />
             </Button>
           </Stack>
         </Flex>