add order details & enhance the checkout page

src/routes/routes.tsx

@@ -9,6 +9,7 @@ import CheckoutPage from "pages/checkout/page";
 import { Error400Page, ErrorPage } from "pages/errors";
 import LoginPage from "pages/login/page";
 import MenuPage from "pages/menu/page";
+import OrderDetails from "pages/order/components/OrderDetails";
 import OrderPage from "pages/order/page";
 import OrdersPage from "pages/orders/page";
 import OtpPage from "pages/otp/page";
@@ -143,6 +144,11 @@ export const router = createHashRouter([
         element: <PageWrapper children={<OrderPage />} />,
         errorElement: <ErrorPage />,
       },
+      {
+        path: "order/details/:orderId",
+        element: <PageWrapper children={<OrderDetails />} />,
+        errorElement: <ErrorPage />,
+      },
       {
         path: "pay",
         element: <PageWrapper children={<PayPage />} />,