feat: 04 => add new i18n message for duplicate names and improve layout in MainPage

src/i18n/eng.ts

@@ -1115,9 +1115,10 @@ export default {
       authFailed: 'Authentication Failed. Please try again later. ',
       installmentsValidateFailed:
         'Validation failed. Each installment must include at least one product. Please review and update the installments accordingly.',
-      flowTemplateNotFound: 'Workflow template cannot be found',
+      flowTemplateNotFound: 'Workflow template cannot be found.',
       taskOrderNotFound: 'Task order cannot be found.',
       quotationNotFound: 'Quotation cannot be found.',
+      sameNameExists: 'Same name exists.',
     },
   },
 

src/i18n/tha.ts

@@ -1099,6 +1099,7 @@ export default {
       flowTemplateNotFound: 'ไม่พบขั้นตอนการทำงาน',
       taskOrderNotFound: 'ไม่พบใบสั่งงาน',
       quotationNotFound: 'ไม่พบใบเสนอราคา',
+      sameNameExists: 'ชื่อนี้ถูกใช้ไปแล้ว',
     },
   },
 

src/pages/04_flow-managment/MainPage.vue

@@ -548,7 +548,7 @@ watch([() => pageState.inputSearch, workflowPageSize], fetchWorkflowList);
                   <!-- {{ (currentPage - 1) * pageSize + props.rowIndex + 1 }} -->
                 </q-td>
                 <q-td v-if="fieldSelected.includes('name')">
-                  <section class="row items-center">
+                  <section class="row items-center no-wrap">
                     <q-avatar
                       class="q-mr-sm"
                       size="md"