gift: working on UI ans styles

src/pages/EGiftCards/EGiftCards.tsx

@@ -1,24 +1,19 @@
-import { Layout, Spin } from "antd";
-import PaymentMethods from "components/PaymentMethods/PaymentMethods";
+import { Layout } from "antd";
 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>
+      <ProHeader>{t("eGiftCards.title")}</ProHeader>
       <Layout.Content className={styles.checkoutContainer}>
-        <PaymentMethods />
-        {isLoading ? <Spin /> : <ECardList eGiftCards={eGiftCards || []} />}
+        <ECardList />
       </Layout.Content>
-      <ECardButton />
+      {/* <ECardButton /> */}
     </Layout>
   );
 }