feat: statuses dnd editor for mobile

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

@@ -1,5 +1,10 @@
 import React, { FC } from "react";
-import { IconDotsVertical, IconEdit, IconTrash } from "@tabler/icons-react";
+import {
+    IconDotsVertical,
+    IconEdit,
+    IconExchange,
+    IconTrash,
+} from "@tabler/icons-react";
 import { Box, Group, Menu, Text } from "@mantine/core";
 import { useStatusesContext } from "@/app/deals/contexts/StatusesContext";
 import { StatusSchema } from "@/lib/client";
@@ -10,7 +15,7 @@ type Props = {
 };
 
 const StatusMenu: FC<Props> = ({ status, handleEdit }) => {
-    const { onDeleteStatus } = useStatusesContext();
+    const { onDeleteStatus, setIsEditorDrawerOpened } = useStatusesContext();
 
     return (
         <Menu>
@@ -45,6 +50,16 @@ const StatusMenu: FC<Props> = ({ status, handleEdit }) => {
                         <Text>Удалить</Text>
                     </Group>
                 </Menu.Item>
+                <Menu.Item
+                    onClick={e => {
+                        e.stopPropagation();
+                        setIsEditorDrawerOpened(true);
+                    }}>
+                    <Group wrap={"nowrap"}>
+                        <IconExchange />
+                        <Text>Изменить порядок</Text>
+                    </Group>
+                </Menu.Item>
             </Menu.Dropdown>
         </Menu>
     );