cart & checkout: UI enhacnements

src/pages/pay/page.tsx

@@ -7,18 +7,19 @@ import { selectCart } from "features/order/orderSlice";
 import { AddressSummary } from "pages/checkout/components/AddressSummary";
 import BriefMenu from "pages/checkout/components/BriefMenu";
 import { GiftCard } from "pages/checkout/components/GiftCard";
-import PhoneCard from "pages/checkout/components/PhoneCard";
 import { OrderType } from "pages/checkout/hooks/types";
 import { useTranslation } from "react-i18next";
 import { useAppSelector } from "redux/hooks";
 import styles from "../address/address.module.css";
 import PayButton from "./components/PayButton";
-
+import CustomerInformationCard from "pages/checkout/components/CustomerInformationCard";
 
 export default function PayPage() {
   const { t } = useTranslation();
   const [form] = Form.useForm();
   const { phone, order, orderType } = useAppSelector(selectCart);
+  const { token } = useAppSelector((state) => state.auth);
+
   return (
     <>
       <Form
@@ -54,7 +55,7 @@ export default function PayPage() {
             {/* <GiftDetails /> */}
             <BriefMenu />
             <OrderSummary />
-            <PhoneCard />
+            {!token && <CustomerInformationCard />}
             <PaymentMethods />
           </Layout.Content>