fix: fixed drawers sorting

src/components/dnd/SortableDnd/SortableDnd.tsx

@@ -8,7 +8,10 @@ import React, {
     useState,
 } from "react";
 import { Active, DndContext, DragEndEvent } from "@dnd-kit/core";
-import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
+import {
+    restrictToHorizontalAxis,
+    restrictToVerticalAxis,
+} from "@dnd-kit/modifiers";
 import { SortableContext } from "@dnd-kit/sortable";
 import { LexoRank } from "lexorank";
 import { FreeMode, Mousewheel, Scrollbar } from "swiper/modules";
@@ -179,9 +182,13 @@ const SortableDnd = <T extends BaseItem>({
         </Flex>
     );
 
+    const restrictModifier = vertical
+        ? restrictToVerticalAxis
+        : restrictToHorizontalAxis;
+
     return (
         <DndContext
-            modifiers={[restrictToHorizontalAxis]}
+            modifiers={[restrictModifier]}
             sensors={sensors}
             onDragStart={({ active }) => setActive(active)}
             onDragEnd={onDragEndLocal}