working on gift flow

src/pages/menu/components/ResponsiveServices.tsx

@@ -1,9 +1,10 @@
 "use client";
 
-import { Button, Grid } from "antd";
+import { Button } from "antd";
 import DineInIcon from "components/Icons/DineInIcon";
 import DownIcon from "components/Icons/DownIcon";
 import PickupIcon from "components/Icons/PickupIcon";
+import useBreakPoint from "hooks/useBreakPoint";
 import styles from "../menu.module.css";
 
 interface ResponsiveServicesProps {
@@ -17,13 +18,12 @@ interface ResponsiveServicesProps {
   };
 }
 
-const { useBreakpoint } = Grid;
 
 export default function ResponsiveServices({ orderType, translations }: ResponsiveServicesProps) {
-  const { xs } = useBreakpoint();
+  const { isMobile } = useBreakPoint();
   
   // Hide pickup service if screen width is less than 400px (insufficient for 3 services)
-  const shouldHidePickup = xs;
+  const shouldHidePickup = isMobile;
   
   return (
     <div className={styles.services}>