fix: search not found message

src/components/NoData.vue

@@ -2,6 +2,7 @@
 defineProps<{
   size?: number;
   useField?: boolean;
+  notFound?: boolean;
 }>();
 </script>
 <template>
@@ -14,7 +15,7 @@ defineProps<{
       }"
     />
     <div class="app-text-muted text-center">
-      {{ useField ? $t('noField') : $t('noData') }}
+      {{ notFound ? $t('notFound') : useField ? $t('noField') : $t('noData') }}
     </div>
   </div>
 </template>

src/i18n/en-US/index.ts

@@ -26,6 +26,7 @@ export default {
   telephone: 'Telephone',
   viewDetail: 'View Detail',
   noData: 'No Data',
+  notFound: 'Data Not Found',
   code: 'Code',
   status: 'Status',
   type: 'Type',

src/i18n/th-th/index.ts

@@ -26,6 +26,7 @@ export default {
   telephone: 'เบอร์โทรศัพท์',
   viewDetail: 'ดูรายละเอียด',
   noData: 'ยังไม่มีข้อมูล',
+  notFound: 'ไม่พบข้อมูล',
   code: 'รหัส',
   type: 'ประเภท',
   status: 'สถานะ',

src/pages/04_product-service/MainPage.vue

@@ -1403,7 +1403,7 @@ watch(currentPageService, async () => {
           class="flex justify-center items-center q-mt-lg"
           style="min-height: 70vh; background-color: var(--surface-2)"
         >
-          <NoData />
+          <NoData notFound />
         </div>
 
         <div