fix(ui): antd v6 deprecated props

ui/src/components/Tips.tsx

@@ -14,7 +14,7 @@ const Tips = ({ className, style, message }: TipsProps) => {
     <Alert
       className={className}
       style={style}
-      message={
+      title={
         <Flex gap="small">
           <div style={{ marginTop: "1px" }}>
             <IconBulb size={18} color={themeToken.colorInfo} />

ui/src/components/workflow/WorkflowRunDetail.tsx

@@ -60,7 +60,8 @@ const WorkflowRunDetail = ({ className, style, ...props }: WorkflowRunDetailProp
   return (
     <div className={className} style={style}>
       <Alert
-        message={
+        showIcon
+        title={
           <div className="text-xs">
             {mergedData.endedAt
               ? t("workflow_run.base.description_with_time_cost", {
@@ -74,7 +75,6 @@ const WorkflowRunDetail = ({ className, style, ...props }: WorkflowRunDetailProp
                 })}
           </div>
         }
-        showIcon
         type={
           {
             [WORKFLOW_RUN_STATUSES.SUCCEEDED]: "success" as const,
@@ -87,8 +87,8 @@ const WorkflowRunDetail = ({ className, style, ...props }: WorkflowRunDetailProp
         <Alert
           className="mt-1"
           icon={<IconBug size="1em" color="var(--color-error)" />}
-          message={<div className="text-xs text-error">{mergedData.error}</div>}
           showIcon
+          title={<div className="text-xs text-error">{mergedData.error}</div>}
         />
       )}
 

ui/src/pages/AuthLayout.tsx

@@ -17,7 +17,7 @@ const AuthLayout = () => {
   return (
     <Layout className="h-screen">
       <Show when={!isBrowserHappy()}>
-        <Alert banner message={t("common.text.happy_browser")} type="warning" showIcon closable />
+        <Alert banner closable showIcon title={t("common.text.happy_browser")} type="warning" />
       </Show>
 
       <div className="relative">

ui/src/pages/ConsoleLayout.tsx

@@ -56,7 +56,7 @@ const ConsoleLayout = () => {
   return (
     <Layout className="h-screen bg-background text-foreground">
       <Show when={!isBrowserHappy()}>
-        <Alert banner message={t("common.text.happy_browser")} type="warning" showIcon closable />
+        <Alert banner closable showIcon title={t("common.text.happy_browser")} type="warning" />
       </Show>
 
       <Layout className="h-screen" hasSider>

ui/src/pages/certificates/CertificateList.tsx

@@ -130,7 +130,7 @@ const CertificateList = () => {
                 }
               }}
             >
-              {record.expand?.workflowRef?.name ?? <span className="font-mono">{t(`#${workflowId}`)}</span>}
+              {record.expand?.workflowRef?.name ?? <span className="font-mono">{`#${workflowId}`}</span>}
             </Typography.Link>
           </div>
         );

ui/src/pages/dashboard/Dashboard.tsx

@@ -289,7 +289,7 @@ const WorkflowRunHistoryTable = ({ className, style }: { className?: string; sty
                 }
               }}
             >
-              {workflow?.name ?? <span className="font-mono">{t(`#${record.workflowRef}`)}</span>}
+              {workflow?.name ?? <span className="font-mono">{`#${record.workflowRef}`}</span>}
             </Typography.Link>
           </div>
         );

ui/src/pages/workflows/WorkflowDetailDesign.tsx

@@ -155,7 +155,7 @@ const WorkflowDetailDesign = () => {
                 <div className="flex flex-1 items-center justify-end gap-4 overflow-hidden">
                   <div className="flex-1 overflow-hidden">
                     <Show when={workflow.hasDraft!}>
-                      <Alert message={<div className="truncate">{t("workflow.detail.design.unpublished_draft.alert")}</div>} showIcon type="warning" />
+                      <Alert showIcon title={<div className="truncate">{t("workflow.detail.design.unpublished_draft.alert")}</div>} type="warning" />
                     </Show>
                   </div>
                   <Space.Compact>