refactor: moved dnd part from Funnel into FunnelDnd

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

@@ -0,0 +1,33 @@
+import React, { ReactNode } from "react";
+import { Box, Text } from "@mantine/core";
+import { StatusSchema } from "@/lib/client";
+
+type Props = {
+    status: StatusSchema;
+    isDragging?: boolean;
+    children: ReactNode;
+};
+
+const StatusColumnWrapper = ({ status, children, isDragging = false }: Props) => {
+    return (
+        <Box
+            style={{
+                backgroundColor: "#eee",
+                padding: 2,
+                width: "15vw",
+                minWidth: 150,
+            }}>
+            <Text
+                style={{
+                    cursor: "grab",
+                    userSelect: "none",
+                    opacity: isDragging ? 0.5 : 1,
+                }}>
+                {status.name}
+            </Text>
+            {children}
+        </Box>
+    );
+};
+
+export default StatusColumnWrapper;