gift: update UI and voucher & items BS

src/pages/EGiftCards/EGiftCards.tsx

@@ -0,0 +1,24 @@
+import { Layout, Spin } from "antd";
+import PaymentMethods from "components/PaymentMethods/PaymentMethods";
+import ProHeader from "components/ProHeader/ProHeader";
+import { useTranslation } from "react-i18next";
+import styles from "../address/address.module.css";
+import ECardButton from "./components/ECardButton";
+import { useGetEGiftCardsQuery } from "redux/api/others";
+import ECardList from "./components/ECardList";
+
+export default function EGiftCardsPage() {
+  const { t } = useTranslation();
+  const { data: eGiftCards, isLoading } = useGetEGiftCardsQuery();
+
+  return (
+    <Layout>
+      <ProHeader>{t("checkout.title")}</ProHeader>
+      <Layout.Content className={styles.checkoutContainer}>
+        <PaymentMethods />
+        {isLoading ? <Spin /> : <ECardList eGiftCards={eGiftCards || []} />}
+      </Layout.Content>
+      <ECardButton />
+    </Layout>
+  );
+}