fix ui noti

src/views/MainLayout.vue

@@ -421,7 +421,7 @@ function handleDeleteNotification() {
       }
     },
     "ยืนยันการล้างการแจ้งเตือนทั้งหมด",
-    "ต้องการยืนยันการล้างการแจ้งเตือนทั้งหมดใช่หรือไม่?",
+    `ต้องการล้างการแจ้งเตือนทั้งหมด (${totalInbox.value} รายการ) ใช่หรือไม่? การกระทำนี้ไม่สามารถย้อนกลับได้`,
   );
 }
 
@@ -534,9 +534,13 @@ onUnmounted(() => {
                 v-if="totalInbox !== 0"
                 flat
                 dense
-                round
-                color="grey-7"
+                no-caps
+                size="12px"
+                color="red-7"
                 icon="mdi-trash-can-outline"
+                label="ล้างทั้งหมด"
+                class="q-ml-sm"
+                aria-label="ล้างการแจ้งเตือนทั้งหมด"
                 @click.stop.prevent="handleDeleteNotification"
               >
                 <q-tooltip>ล้างการแจ้งเตือนทั้งหมด</q-tooltip>