fix bottom sheets height

src/pages/cart/components/specialRequest/BottomSheet.tsx

@@ -1,7 +1,7 @@
 import { Button, Input } from "antd";
+import { ProBottomSheet } from "components/ProBottomSheet/ProBottomSheet.tsx";
 import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { ProBottomSheet } from "components/ProBottomSheet/ProBottomSheet.tsx";
 
 const { TextArea } = Input;
 
@@ -42,7 +42,7 @@ export function BottomSheet({
       title={t("cart.specialRequest")}
       showCloseButton={false}
       initialSnap={1}
-      height={"40vh"}
+      height={370}
       snapPoints={["30vh"]}
     >
       <div className="space-y-4">

src/pages/cart/components/timeEstimate/BottomSheet.tsx

@@ -24,7 +24,7 @@ export function BottomSheet({
       title={t("cart.selectTimeEstimate")}
       showCloseButton={true}
       initialSnap={1}
-      height={"510px"}
+      height={510}
       snapPoints={["65vh"]}
     >
       <Content onSave={onSave} initialDate={initialDate} onClose={onClose} />