feat: canceled tab quotation

src/pages/05_quotation/MainPage.vue

@@ -287,6 +287,7 @@ async function fetchQuotationList() {
                 Invoice: 'PaymentInProcess',
                 PaymentSuccess: 'PaymentSuccess',
                 ProcessComplete: 'ProcessComplete',
+                Canceled: 'Canceled',
               } as const
             )[pageState.currentTab]
           : 'Issued',
@@ -454,6 +455,13 @@ async function storeDataLocal(id: string) {
                 color: 'blue',
                 hidden: pageState.currentTab !== 'ProcessComplete',
               },
+              {
+                icon: 'mdi-cancel',
+                count: quotationStats.canceled,
+                label: 'general.cancel',
+                color: 'red',
+                hidden: pageState.currentTab !== 'Canceled',
+              },
             ]"
             :dark="$q.dark.isActive"
           />

src/pages/05_quotation/constants.ts

@@ -28,6 +28,7 @@ export const pageTabs = [
   'Invoice',
   'PaymentSuccess',
   'ProcessComplete',
+  'Canceled',
 ];
 
 export const columnPaySplit = [