chore(deps): upgrade npm denpendencies

ui/src/components/MultipleInput.tsx

@@ -259,12 +259,12 @@ const MultipleInputItem = forwardRef<MultipleInputItemInstance, MultipleInputIte
             onChange={handleInputChange}
           />
         </div>
-        <Button.Group size={size}>
+        <Space.Compact size={size}>
           {removeBtn}
           {upBtn}
           {downBtn}
           {addBtn}
-        </Button.Group>
+        </Space.Compact>
       </div>
     );
   }

ui/src/components/workflow/WorkflowRunDetail.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { SelectOutlined as SelectOutlinedIcon } from "@ant-design/icons";
 import { useRequest } from "ahooks";
-import { Alert, Button, Divider, Empty, Table, type TableProps, Tooltip, Typography, notification } from "antd";
+import { Alert, Button, Divider, Empty, Space, Table, type TableProps, Tooltip, Typography, notification } from "antd";
 import dayjs from "dayjs";
 import { ClientResponseError } from "pocketbase";
 
@@ -101,7 +101,7 @@ const WorkflowRunArtifacts = ({ runId }: { runId: string }) => {
       align: "end",
       width: 120,
       render: (_, record) => (
-        <Button.Group>
+        <Space.Compact>
           <CertificateDetailDrawer
             data={record}
             trigger={
@@ -110,7 +110,7 @@ const WorkflowRunArtifacts = ({ runId }: { runId: string }) => {
               </Tooltip>
             }
           />
-        </Button.Group>
+        </Space.Compact>
       ),
     },
   ];

ui/src/components/workflow/WorkflowRuns.tsx

@@ -11,7 +11,7 @@ import {
   SyncOutlined as SyncOutlinedIcon,
 } from "@ant-design/icons";
 import { useRequest } from "ahooks";
-import { Button, Empty, Modal, Table, type TableProps, Tag, Tooltip, notification } from "antd";
+import { Button, Empty, Modal, Space, Table, type TableProps, Tag, Tooltip, notification } from "antd";
 import dayjs from "dayjs";
 import { ClientResponseError } from "pocketbase";
 
@@ -140,7 +140,7 @@ const WorkflowRuns = ({ className, style, workflowId }: WorkflowRunsProps) => {
           record.status === WORKFLOW_RUN_STATUSES.CANCELED;
 
         return (
-          <Button.Group>
+          <Space.Compact>
             <WorkflowRunDetailDrawer
               data={record}
               trigger={
@@ -174,7 +174,7 @@ const WorkflowRuns = ({ className, style, workflowId }: WorkflowRunsProps) => {
                 }}
               />
             </Tooltip>
-          </Button.Group>
+          </Space.Compact>
         );
       },
     },

ui/src/pages/accesses/AccessList.tsx

@@ -78,7 +78,7 @@ const AccessList = () => {
       fixed: "right",
       width: 120,
       render: (_, record) => (
-        <Button.Group>
+        <Space.Compact>
           <AccessEditModal
             data={record}
             preset="edit"
@@ -109,7 +109,7 @@ const AccessList = () => {
               }}
             />
           </Tooltip>
-        </Button.Group>
+        </Space.Compact>
       ),
     },
   ];

ui/src/pages/certificates/CertificateList.tsx

@@ -169,7 +169,7 @@ const CertificateList = () => {
       fixed: "right",
       width: 120,
       render: (_, record) => (
-        <Button.Group>
+        <Space.Compact>
           <CertificateDetailDrawer
             data={record}
             trigger={
@@ -182,7 +182,7 @@ const CertificateList = () => {
           <Tooltip title={t("certificate.action.delete")}>
             <Button color="danger" icon={<DeleteOutlinedIcon />} variant="text" onClick={() => handleDeleteClick(record)} />
           </Tooltip>
-        </Button.Group>
+        </Space.Compact>
       ),
     },
   ];

ui/src/pages/dashboard/Dashboard.tsx

@@ -165,9 +165,9 @@ const Dashboard = () => {
       align: "end",
       width: 120,
       render: (_, record) => (
-        <Button.Group>
+        <Space.Compact>
           <WorkflowRunDetailDrawer data={record} trigger={<Button color="primary" icon={<SelectOutlinedIcon />} variant="text" />} />
-        </Button.Group>
+        </Space.Compact>
       ),
     },
   ];

ui/src/pages/workflows/WorkflowDetail.tsx

@@ -282,7 +282,7 @@ const WorkflowDetail = () => {
                     {t("workflow.detail.orchestration.action.run")}
                   </Button>
 
-                  <Button.Group>
+                  <Space.Compact>
                     <Button color="primary" disabled={!allowRelease} variant="outlined" onClick={handleReleaseClick}>
                       {t("workflow.detail.orchestration.action.release")}
                     </Button>
@@ -303,7 +303,7 @@ const WorkflowDetail = () => {
                     >
                       <Button color="primary" disabled={!allowDiscard} icon={<EllipsisOutlinedIcon />} variant="outlined" />
                     </Dropdown>
-                  </Button.Group>
+                  </Space.Compact>
                 </Space>
               </div>
             </div>

ui/src/pages/workflows/WorkflowList.tsx

@@ -203,7 +203,7 @@ const WorkflowList = () => {
       fixed: "right",
       width: 120,
       render: (_, record) => (
-        <Button.Group>
+        <Space.Compact>
           <Tooltip title={t("workflow.action.edit")}>
             <Button
               color="primary"
@@ -226,7 +226,7 @@ const WorkflowList = () => {
               }}
             />
           </Tooltip>
-        </Button.Group>
+        </Space.Compact>
       ),
     },
   ];