Tạo page ticket management

FRONTEND/src/pages/Tickets/Tickets.tsx

@@ -8,6 +8,7 @@ import { DataTablePagination } from '@/components/DataTable/DataTable'
 import { Xdelete, create } from '@/rtk/helpers/CRUD'
 import { get } from '@/rtk/helpers/apiService'
 import {
+  Badge,
   Box,
   Button,
   Dialog,
@@ -179,6 +180,18 @@ const Tickets = () => {
       name: 'status',
       size: '8%',
       header: 'Status',
+      render: (row: any) => {
+        switch (row.status) {
+          case 'WAITING':
+            return <Badge color="blue">Waiting</Badge>
+          case 'CONFIRMED':
+            return <Badge color="green">Confirmed</Badge>
+          case 'REFUSED':
+            return <Badge color="red">Refused</Badge>
+          default:
+            return null
+        }
+      },
     },
     {
       name: '#',