feat(ui): add @ant-design/icons

ui/src/pages/workflows/WorkflowDetail.tsx

@@ -4,8 +4,8 @@ import { useTranslation } from "react-i18next";
 import { Button, Card, Dropdown, Form, Input, message, Modal, notification, Tabs, Typography } from "antd";
 import { createSchemaFieldRule } from "antd-zod";
 import { PageHeader } from "@ant-design/pro-components";
+import { DeleteOutlined as DeleteOutlinedIcon, EllipsisOutlined as EllipsisOutlinedIcon } from "@ant-design/icons";
 import { z } from "zod";
-import { Ellipsis as EllipsisIcon, Trash2 as Trash2Icon } from "lucide-react";
 
 import Show from "@/components/Show";
 import End from "@/components/workflow/End";
@@ -136,7 +136,7 @@ const WorkflowDetail = () => {
                       key: "delete",
                       label: t("common.button.delete"),
                       danger: true,
-                      icon: <Trash2Icon size={14} />,
+                      icon: <DeleteOutlinedIcon />,
                       onClick: () => {
                         handleDeleteClick();
                       },
@@ -145,7 +145,7 @@ const WorkflowDetail = () => {
                 }}
                 trigger={["click"]}
               >
-                <Button icon={<EllipsisIcon size={14} />} />
+                <Button icon={<EllipsisOutlinedIcon />} />
               </Dropdown>
             </Button.Group>,
           ]}

ui/src/pages/workflows/WorkflowList.tsx

@@ -21,7 +21,7 @@ import {
   type TableProps,
 } from "antd";
 import { PageHeader } from "@ant-design/pro-components";
-import { Filter as FilterIcon, Pencil as PencilIcon, Plus as PlusIcon, Trash2 as Trash2Icon } from "lucide-react";
+import { DeleteOutlined as DeleteOutlinedIcon, EditOutlined as EditOutlinedIcon, PlusOutlined as PlusOutlinedIcon } from "@ant-design/icons";
 import dayjs from "dayjs";
 import { ClientResponseError } from "pocketbase";
 
@@ -133,7 +133,6 @@ const WorkflowList = () => {
           </div>
         );
       },
-      filterIcon: () => <FilterIcon size={14} />,
       render: (_, record) => {
         const enabled = record.enabled;
         return (
@@ -180,7 +179,7 @@ const WorkflowList = () => {
           <Tooltip title={t("workflow.action.edit")}>
             <Button
               color="primary"
-              icon={<PencilIcon size={16} />}
+              icon={<EditOutlinedIcon />}
               variant="text"
               onClick={() => {
                 navigate(`/workflows/${record.id}`);
@@ -192,7 +191,7 @@ const WorkflowList = () => {
             <Button
               color="danger"
               danger={true}
-              icon={<Trash2Icon size={16} />}
+              icon={<DeleteOutlinedIcon />}
               variant="text"
               onClick={() => {
                 handleDeleteClick(record);
@@ -301,7 +300,7 @@ const WorkflowList = () => {
           <Button
             key="create"
             type="primary"
-            icon={<PlusIcon size={16} />}
+            icon={<PlusOutlinedIcon />}
             onClick={() => {
               handleCreateClick();
             }}