feat: division between mobile and desktop components, boards for mobile

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

@@ -0,0 +1,35 @@
+import React from "react";
+import { Box, Text } from "@mantine/core";
+import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
+import InPlaceInput from "@/components/ui/InPlaceInput/InPlaceInput";
+
+const CreateStatusButton = () => {
+    const { onCreateStatus } = useStatusesContext();
+
+    return (
+        <Box
+            style={{
+                borderWidth: 1,
+                borderStyle: "dashed",
+                borderColor: "gray",
+                width: "15vw",
+                minWidth: 150,
+                cursor: "pointer",
+            }}>
+            <InPlaceInput
+                placeholder={"Название колонки"}
+                onComplete={onCreateStatus}
+                getChildren={startEditing => (
+                    <Box
+                        p={9}
+                        onClick={() => startEditing()}>
+                        <Text>Создать колонку</Text>
+                    </Box>
+                )}
+                modalTitle={"Создание колонки"}
+            />
+        </Box>
+    );
+};
+
+export default CreateStatusButton;