fix bottom sheets height

src/components/CustomBottomSheet/CouponBottomSheet.tsx

@@ -40,7 +40,7 @@ export function CouponBottomSheet({
       title={t("cart.coupon")}
       showCloseButton={false}
       initialSnap={1}
-      height={"40vh"}
+      height={350}
       snapPoints={["30vh"]}
     >
       <div>

src/components/CustomBottomSheet/DatePickerBottomSheet.tsx

@@ -113,7 +113,8 @@ export default function DatePickerBottomSheet({
       isOpen={isOpen}
       onClose={onClose}
       title={t("common.pickYourBirthday")}
-      snapPoints={["55vh"]}
+      height={600}
+      snapPoints={[460]}
       showCloseButton={true}
     >
       <div

src/components/CustomBottomSheet/TipBottomSheet.tsx

@@ -41,7 +41,7 @@ export function TipBottomSheet({
       title={t("cart.tip")}
       showCloseButton={false}
       initialSnap={1}
-      height={"45vh"}
+      height={370}
       snapPoints={["30vh"]}
     >
       <div

src/components/ProBottomSheet/ProBottomSheet.tsx

@@ -12,7 +12,7 @@ interface ProBottomSheetProps {
   showHandle?: boolean;
   showCloseButton?: boolean;
   backdrop?: boolean;
-  snapPoints?: string[];
+  snapPoints?: string[] | number[];
   initialSnap?: number;
   className?: string;
   themeName?: "light" | "dark";
@@ -23,11 +23,11 @@ export function ProBottomSheet({
   onClose,
   title,
   children,
-  height = "50vh",
+  height = 500,
   showHandle = true,
   showCloseButton = true,
   backdrop = true,
-  snapPoints = ["50vh"],
+  snapPoints = [500],
   initialSnap = 0,
   className = "",
 }: ProBottomSheetProps) {