Complete TicketsList page like other list pages

- Add pagination to useGetTickets hook
- Add pagination parameters to getTickets service
- Add Pager interface and update ITicketsResponse
- Complete TicketsList component with table, status, pagination and navigation

src/router/Main.tsx

@@ -41,7 +41,7 @@ import PaymentList from '@/pages/payment/List'
 import UpdateShipment from '@/pages/shipment/Update'
 import CreateFine from '@/pages/payment/CreateFine'
 import Fines from '@/pages/payment/Fines'
-import TicketsList from '@/pages/tickets/List'
+import TicketsList from '@/pages/ticket/TicketsList'
 import ProductReport from '@/pages/report/ProductReport'
 import CategoryReport from '@/pages/report/Category'
 import AboutUsList from '@/pages/setting/AboutUsList'
@@ -72,6 +72,9 @@ import Learning from '@/pages/seller/Learning'
 import CreateLearning from '@/pages/seller/CreateLearning'
 import UpdateLearning from '@/pages/seller/UpdateLearning'
 import ContractPage from '@/pages/seller/Contract'
+import Category from '@/pages/ticket/Category'
+import CreateCategory from '@/pages/ticket/Create'
+import UpdateCategory from '@/pages/ticket/Update'
 const MainRouter: FC = () => {
 
     const { hasSubMenu } = useSharedStore()
@@ -136,6 +139,9 @@ const MainRouter: FC = () => {
                             <Route path={Pages.financial.fines} element={<Fines />} />
 
                             <Route path={Pages.ticket.list} element={<TicketsList />} />
+                            <Route path={Pages.ticket.category.list} element={<Category />} />
+                            <Route path={Pages.ticket.category.create} element={<CreateCategory />} />
+                            <Route path={`${Pages.ticket.category.update}:id`} element={<UpdateCategory />} />
 
                             <Route path={Pages.report.product} element={<ProductReport />} />
                             <Route path={Pages.report.category} element={<CategoryReport />} />