cancel compelete

src/router/Main.tsx

@@ -82,6 +82,7 @@ import Reviews from '@/pages/products/Reviews'
 import Questions from '@/pages/products/Questions'
 import Returns from '@/pages/orders/Returns'
 import ReturnDetails from '@/pages/orders/ReturnDetails'
+import Cancels from '@/pages/orders/Cancels'
 const MainRouter: FC = () => {
 
     const { hasSubMenu } = useSharedStore()
@@ -201,6 +202,7 @@ const MainRouter: FC = () => {
 
                             <Route path={Pages.orders.return} element={<Returns />} />
                             <Route path={`${Pages.orders.returnDetails}:id`} element={<ReturnDetails />} />
+                            <Route path={Pages.orders.cancels} element={<Cancels />} />
                         </Routes>
                     </div>
                 </div>