feat: scrollable columns with deals

src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { Box, Stack } from "@mantine/core";
+import { Box, ScrollArea, Stack } from "@mantine/core";
 import { StatusSchema } from "@/lib/client";
 import styles from "./StatusColumnWrapper.module.css";
 
@@ -17,7 +17,11 @@ const StatusColumnWrapper = ({ renderHeader, children }: Props) => {
                 pb={"xs"}
                 className={styles["inner-container"]}>
                 {renderHeader()}
-                {children}
+                <ScrollArea
+                    offsetScrollbars={"y"}
+                    scrollbars={"y"}>
+                    <Stack mah={"calc(100vh - 220px)"}>{children}</Stack>
+                </ScrollArea>
             </Stack>
         </Box>
     );

src/components/dnd/FunnelDnd/FunnelDnd.tsx

@@ -134,6 +134,7 @@ const FunnelDnd = <
                 mousewheel={{
                     enabled: true,
                     sensitivity: 0.2,
+                    releaseOnEdges: true,
                 }}
                 freeMode={{ enabled: true }}
                 grabCursor>