order details sheet: incrase sensitive area for swiping

src/pages/restaurant/page.tsx

@@ -114,22 +114,23 @@ export default function RestaurantPage() {
           is_booking_enabled={restaurant?.is_booking_enabled === 1}
           params={{ id: "1", locale: "en" }}
         />
-        <div className={styles.promotionContainer}>
-          <Ads1 />
-        </div>
-
         <div
           ref={containerRef}
           onTouchStart={handleTouchStart}
           onTouchEnd={handleTouchEnd}
-          className={styles.socialIconsContainer}
         >
+          <div className={styles.promotionContainer}>
+            <Ads1 />
+          </div>
+
+          <div className={styles.socialIconsContainer}>
             <InstagramIcon className={styles.socialIcon} />
             <XIcon className={styles.socialIcon} />
             <SnapIcon className={styles.socialIcon} />
             <JIcon className={styles.socialIcon} />
           </div>
         </div>
+      </div>
 
       {/* Order Details Bottom Sheet - Moved outside the container */}
       <OrderDetailsBottomSheet