[Improvement-17947][ui] Fix delete confirmation i18n and warning style

Author: asadjan4611

dolphinscheduler-ui/src/locales/en_US/project.ts

@@ -150,6 +150,7 @@ export default {
     end_time: 'End Time',
     crontab: 'Crontab',
     delete_confirm: 'Delete?',
+    delete_confirm_with_name: 'Delete "{name}"?',
     delete_irreversible:
       'This action cannot be undone. The workflow and its associated data will be permanently deleted.',
     enter_name_tips: 'Please enter name',

dolphinscheduler-ui/src/locales/zh_CN/project.ts

@@ -149,6 +149,7 @@ export default {
     end_time: '结束时间',
     crontab: 'Crontab',
     delete_confirm: '确定删除吗?',
+    delete_confirm_with_name: '确定删除“{name}”吗?',
     delete_irreversible: '此操作不可撤销。工作流及其关联数据将被永久删除。',
     enter_name_tips: '请输入名称',
     switch_version: '切换到该版本',

dolphinscheduler-ui/src/views/projects/workflow/definition/components/table-action.tsx

@@ -16,7 +16,7 @@
  */
 
 import { defineComponent, PropType, toRefs } from 'vue'
-import { NSpace, NTooltip, NButton, NIcon, NPopconfirm } from 'naive-ui'
+import { NSpace, NTooltip, NButton, NIcon, NPopconfirm, NText } from 'naive-ui'
 import {
   DeleteOutlined,
   DownloadOutlined,
@@ -274,14 +274,22 @@ export default defineComponent({
                   default: () => (
                     <div style={{ maxWidth: 360 }}>
                       <div style={{ fontWeight: 600, marginBottom: 6 }}>
-                        {`${t('project.workflow.delete_confirm')} "${
-                          this.row?.name || ''
-                        }"`}
-                      </div>
-                      <div style={{ color: '#ff4d4f' }}>
-                        {t('project.workflow.delete_irreversible') ||
-                          'This action cannot be undone. The workflow and its associated data will be permanently deleted.'}
+                        {(() => {
+                          const workflowName = (this.row?.name || '').trim()
+                          if (!workflowName) {
+                            return t('project.workflow.delete_confirm')
+                          }
+                          return t(
+                            'project.workflow.delete_confirm_with_name',
+                            {
+                              name: workflowName
+                            }
+                          )
+                        })()}
                       </div>
+                      <NText type='error'>
+                        {t('project.workflow.delete_irreversible')}
+                      </NText>
                     </div>
                   ),
                   trigger: () => (