fix: centered columns in funnel dnd for mobile

src/components/dnd/FunnelDnd/FunnelDnd.tsx

@@ -109,7 +109,8 @@ const FunnelDnd = <
                 <Swiper
                     ref={swiperRef}
                     className={classes["swiper-container"]}
-                    slidesPerView={1.2}
+                    slidesPerView={1.1}
+                    style={{ paddingLeft: "10vw", paddingRight: "2vw" }}
                     modules={[Pagination]}
                     freeMode={{ enabled: false }}
                     pagination={{ enabled: true, clickable: true }}>

src/components/dnd/SortableItem/DragHandle.tsx

@@ -21,6 +21,7 @@ const DragHandle = ({ id, children, style, disabled }: Props) => {
             style={{
                 width: "100wv",
                 cursor: disabled ? "default" : "grab",
+                touchAction: "auto",
                 ...style,
             }}
             className={disabled ? "" : "swiper-no-swiping"}