add process model name to task list and task show, and add task name to list

src/routes/TaskList.tsx

@@ -28,7 +28,8 @@ export default function TaskList() {
       const taskUrl = `/tasks/${rowToUse.process_instance_id}/${rowToUse.id}`;
       return (
         <tr key={rowToUse.id}>
-          <td>{rowToUse.task_name}</td>
+          <td>{rowToUse.process_name}</td>
+          <td>{rowToUse.name}</td>
           <td>
             <Link to={taskUrl}>{rowToUse.id}</Link>
           </td>
@@ -46,6 +47,7 @@ export default function TaskList() {
       <Table striped bordered>
         <thead>
           <tr>
+            <th>Process Model</th>
             <th>Task Name</th>
             <th>Id</th>
             <th>Process Instance Id</th>

src/routes/TaskShow.tsx

@@ -108,6 +108,7 @@ export default function TaskShow() {
       <main>
         {buildTaskNavigation()}
         <h1>Task: {taskToUse.name}</h1>
+        <h3>Process Model: {taskToUse.process_name}</h3>
         <h3>status: {taskToUse.state}</h3>
         <Form
           formData={taskToUse.data}