[Fix][UI Next] Add workflow online status display (#9253)

dolphinscheduler-ui-next/src/locales/modules/en_US.ts

@@ -622,7 +622,8 @@ const project = {
     node_not_created: 'Failed to save node not created',
     copy_name: 'Copy Name',
     view_variables: 'View Variables',
-    startup_parameter: 'Startup Parameter'
+    startup_parameter: 'Startup Parameter',
+    online: 'Online'
   },
   node: {
     current_node_settings: 'Current node settings',

dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts

@@ -618,7 +618,8 @@ const project = {
     node_not_created: '未创建节点保存失败',
     copy_name: '复制名称',
     view_variables: '查看变量',
-    startup_parameter: '启动参数'
+    startup_parameter: '启动参数',
+    online: '已上线'
   },
   node: {
     current_node_settings: '当前节点设置',

dolphinscheduler-ui-next/src/views/projects/workflow/components/dag/dag-toolbar.tsx

@@ -18,7 +18,15 @@
 import { defineComponent, ref, inject, PropType, Ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 import Styles from './dag.module.scss'
-import { NTooltip, NIcon, NButton, NSelect, NPopover, NText } from 'naive-ui'
+import {
+  NTooltip,
+  NIcon,
+  NButton,
+  NSelect,
+  NPopover,
+  NText,
+  NTag
+} from 'naive-ui'
 import {
   SearchOutlined,
   DownloadOutlined,
@@ -195,6 +203,12 @@ export default defineComponent({
           ></NTooltip>
         )}
         <div class={Styles['toolbar-left-part']}>
+          {route.name !== 'workflow-instance-detail' &&
+            props.definition?.processDefinition?.releaseState === 'ONLINE' && (
+              <NTag round size='small' type='info'>
+                {t('project.dag.online')}
+              </NTag>
+            )}
           {route.name === 'workflow-instance-detail' && (
             <>
               <NTooltip