refactor: separation of shared components

src/components/SortableDnd/index.ts

@@ -1,3 +0,0 @@
-import SortableDnd from "@/components/SortableDnd/SortableDnd";
-
-export default SortableDnd;

src/components/dnd/SortableDnd/DragHandle.tsx

@@ -1,5 +1,5 @@
 import React, { CSSProperties, ReactNode, useContext } from "react";
-import SortableItemContext from "@/components/SortableDnd/SortableItemContext";
+import SortableItemContext from "@/components/dnd/SortableDnd/SortableItemContext";
 
 type Props = {
     children: ReactNode;

src/components/dnd/SortableDnd/SortableDnd.tsx

@@ -12,8 +12,8 @@ import { SortableContext } from "@dnd-kit/sortable";
 import { LexoRank } from "lexorank";
 import { Box, Group } from "@mantine/core";
 import useDndSensors from "@/app/deals/hooks/useSensors";
-import { SortableItem } from "@/components/SortableDnd/SortableItem";
-import { SortableOverlay } from "@/components/SortableDnd/SortableOverlay";
+import { SortableItem } from "@/components/dnd/SortableDnd/SortableItem";
+import { SortableOverlay } from "@/components/dnd/SortableDnd/SortableOverlay";
 import { getNewLexorank, sortByLexorank } from "@/utils/lexorank";
 
 type BaseItem = {

src/components/dnd/SortableDnd/SortableItem.tsx

@@ -1,7 +1,7 @@
 import React, { CSSProperties, PropsWithChildren, useMemo } from "react";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import DragHandle from "@/components/SortableDnd/DragHandle";
+import DragHandle from "@/components/dnd/SortableDnd/DragHandle";
 import SortableItemContext from "./SortableItemContext";
 
 type Props = {

src/components/dnd/SortableDnd/index.ts

@@ -0,0 +1,3 @@
+import SortableDnd from "@/components/dnd/SortableDnd/SortableDnd";
+
+export default SortableDnd;