[Improvement-11550] [Doc]Document content update (#11577)

* [Improvement-11550] [Doc]Document content update

* Update pictures

* fix

* Update Process word to Workflow

Co-authored-by: David <davidzollo365@gmail.com>
(cherry picked from commit 3e360a8ecb)

docs/docs/en/guide/start/quick-start.md

@@ -53,14 +53,9 @@ Click on the user name in the upper right corner to "exit" and re-use the normal
 
 ![project](../../../../img/new_ui/dev/quick-start/project.png)
 
-* `Click Workflow Definition -> Create Workflow Definition-> Online Process Definition`
+* `Click Workflow Definition -> Create Workflow Definition-> Online Workflow Definition`
 
-<p align="center">
-   <img src="../../../../img/process_definition_en.png" width="60%" />
- </p>
+![workflow-definition](../../../../img/new_ui/dev/quick-start/workflow-definition.png)
+* `Running Workflow Definition -> Click Workflow Instance -> Click Workflow Instance Name -> Double-click Task Node -> View Task Execution Log`
 
-* `Running Process Definition -> Click Workflow Instance -> Click Process Instance Name -> Double-click Task Node -> View Task Execution Log`
-
- <p align="center">
-   <img src="../../../../img/log_en.png" width="60%" />
-</p>
+![log](../../../../img/new_ui/dev/quick-start/log.png)

docs/docs/zh/guide/start/quick-start.md

@@ -49,12 +49,9 @@
 
   * 点击工作流定义->创建工作流定义->上线工作流定义
 
-<p align="center">
-   <img src="../../../../img/dag1.png" width="60%" />
- </p>
+![workflow-definition](../../../../img/new_ui/dev/quick-start/workflow-definition.png)
 
   * 运行工作流定义->点击工作流实例->点击工作流实例名称->双击任务节点->查看任务执行日志
 
- <p align="center">
-   <img src="../../../../img/task-log.png" width="60%" />
-</p>
+![log](../../../../img/new_ui/dev/quick-start/log.png)
+