แก้ ไอคอน ใน payment / status แก้เป็น text

เปลี่ยนไอคอน เเก้ไขชื่อให้เหมือนกันไฟล์ payment สลับกันอยู่ email -- type เงื่อนไขใน input ทำท้ายสุด
ตัดตังแต่เวลาสอบออก
สเตตัส มุมขวา เป็น text ธรรมดา เปลี่ยนแค่สี

src/views/MainLayout.vue

@@ -77,6 +77,33 @@ const fetchStatus = async () => {
     })
 }
 
+const getFontColor = (val: string) => {
+  switch (val) {
+    case 'register':
+      return 'text-blue'
+    case 'checkRegister':
+      return 'text-orange'
+    case 'payment':
+      return 'text-blue'
+    case 'rejectRegister':
+      return 'text-red-12'
+    case 'checkPayment':
+      return 'text-orange'
+    case 'rejectPayment':
+      return 'text-red-12'
+    case 'checkSeat':
+      return 'text-blue'
+    case 'checkPoint':
+      return 'text-blue'
+    case 'done':
+      return 'text-green'
+    case 'waiver':
+      return 'text-orange'
+    default:
+      return '-'
+  }
+}
+
 /**
  * ดิงชื่อผู้ใช้งานจาก keycloak
  */
@@ -106,9 +133,12 @@ const fetchStatus = async () => {
           </div>
         </q-toolbar-title>
         <q-space />
-        <q-badge flat color="blue" class="q-mr-md text-bold">
+        <!-- <q-badge flat color="blue" class="q-mr-md text-bold">
           {{ statusCandidate(status) }}
-        </q-badge>
+        </q-badge> -->
+        <div class="q-mr-md text-bold" :class="getFontColor(status)">
+          {{ statusCandidate(status) }}&nbsp;&nbsp;
+        </div>
         <q-btn
           v-if="$q.screen.gt.xs"
           class="bg-amber-1 text-amber-9"