remove extra bottom sheet in checkout page make all them inside the page iteslef

src/pages/checkout/page.tsx

@@ -10,14 +10,15 @@ import { AddressSummary } from "./components/AddressSummary";
 import BriefMenu from "./components/BriefMenu";
 import CheckoutButton from "./components/CheckoutButton";
 import { GiftDetails } from "./components/GiftDetails";
-import { OfficeDetails } from "./components/OfficeDetails";
-import { RoomDetails } from "./components/RoomDetails";
 import PhoneCard from "./components/phoneCard";
+import InputCard from "components/InputCard";
+import { OrderType } from "./hooks/types";
+import { GiftCard } from "./components/GiftCard";
 
 export default function CheckoutPage() {
   const { t } = useTranslation();
   const [form] = Form.useForm();
-  const { phone } = useAppSelector(selectCart);
+  const { phone, order, orderType } = useAppSelector(selectCart);
   return (
     <>
       <Form
@@ -31,11 +32,28 @@ export default function CheckoutPage() {
           <ProHeader>{t("checkout.title")}</ProHeader>
           <Layout.Content className={styles.checkoutContainer}>
             <AddressSummary />
-            <RoomDetails />
-            <OfficeDetails />
-            <GiftDetails />
-            <BriefMenu />
             <PhoneCard />
+            {orderType === OrderType.ToRoom && (
+              <InputCard
+                title={t("address.roomNumber")}
+                name="roomNumber"
+                placeholder={t("address.roomNumber")}
+                value={order?.roomNumber}
+              />
+            )}
+            {orderType === OrderType.ToOffice && (
+              <InputCard
+                title={t("address.officeNumber")}
+                name="officeNumber"
+                placeholder={t("address.officeNumber")}
+                value={order?.officeNumber}
+              />
+            )}
+            {orderType === OrderType.Gift && <GiftCard />}
+            {/* <RoomDetails />
+            <OfficeDetails /> */}
+            {/* <GiftDetails /> */}
+            <BriefMenu />
             <PaymentMethods />
             <OrderSummary />
           </Layout.Content>