refactor(ui): clean code

ui/src/components/workflow/run/WorkflowRunDetailDrawer.tsx

@@ -30,7 +30,7 @@ const WorkflowRunDetailDrawer = ({ data, loading, trigger, ...props }: WorkflowR
     <>
       {triggerDom}
 
-      <Drawer closable destroyOnClose open={open} loading={loading} placement="right" title={`runlog-${data?.id}`} width={640} onClose={() => setOpen(false)}>
+      <Drawer destroyOnClose open={open} loading={loading} placement="right" title={`runlog-${data?.id}`} width={640} onClose={() => setOpen(false)}>
         <Show when={!!data}>
           <Show when={data!.succeed}>
             <Alert showIcon type="success" message={<Typography.Text type="success">{t("workflow_run.props.status.succeeded")}</Typography.Text>} />

ui/src/components/workflow/run/WorkflowRuns.tsx

@@ -39,7 +39,7 @@ const WorkflowRuns = ({ className, style, workflowId }: WorkflowRunsProps) => {
       key: "id",
       title: t("workflow_run.props.id"),
       ellipsis: true,
-      render: (_, record) => record.id,
+      render: (_, record) => <span className="font-mono">{record.id}</span>,
     },
     {
       key: "status",