part 1

src/router/Main.tsx

@@ -25,6 +25,7 @@ import TicketList from '../pages/ticket/TicketList'
 import CreateTicket from '../pages/ticket/CreateTicket'
 import TicketDetail from '../pages/ticket/Detail'
 import Financial from '../pages/financial/Financial'
+import CallBack from '../pages/wallet/CallBack'
 
 const MainRouter: FC = () => {
     return (
@@ -33,7 +34,7 @@ const MainRouter: FC = () => {
             <Header />
             <div className='flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px]'>
                 <div className={`overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
-                    <div>
+                    <div className='pb-16'>
                         <Routes>
                             <Route path={Pages.dashboard} element={<Home />} />
                             <Route path={Pages.services.mine} element={<MyServices />} />
@@ -51,6 +52,7 @@ const MainRouter: FC = () => {
                             <Route path={Pages.learning} element={<LearningList />} />
                             <Route path={Pages.setting} element={<Setting />} />
                             <Route path={Pages.wallet} element={<Wallet />} />
+                            <Route path={Pages.callback + ':id'} element={<CallBack />} />
                             <Route path={Pages.profile} element={<Profile />} />
                             <Route path={Pages.financial} element={<Financial />} />
                         </Routes>