gift: working on UI ans styles

src/routes/routes.tsx

@@ -4,8 +4,10 @@ import { PrivateRoute } from "components/privateRoute/PrivateRoute";
 import { AppLayout } from "layouts";
 import HeaderMenuDrawer from "layouts/app/HeaderMenuDrawer";
 import AddressPage from "pages/address/page";
+import CardDetailsPage from "pages/CardDetails/CardDetails";
 import CartPage from "pages/cart/page";
 import CheckoutPage from "pages/checkout/page";
+import EGiftCardsPage from "pages/EGiftCards/EGiftCards";
 import { Error400Page, ErrorPage } from "pages/errors";
 import LoginPage from "pages/login/page";
 import MenuPage from "pages/menu/page";
@@ -149,9 +151,19 @@ export const router = createHashRouter([
         element: <PageWrapper children={<OrderDetails />} />,
         errorElement: <ErrorPage />,
       },
+      // {
+      //   path: "pay",
+      //   element: <PageWrapper children={<PayPage />} />,
+      //   errorElement: <ErrorPage />,
+      // },
       {
-        path: "pay",
-        element: <PageWrapper children={<PayPage />} />,
+        path: "e-gift-cards",
+        element: <PageWrapper children={<EGiftCardsPage />} />,
+        errorElement: <ErrorPage />,
+      },
+      {
+        path: "card-details",
+        element: <PageWrapper children={<CardDetailsPage />} />,
         errorElement: <ErrorPage />,
       },
       {