feat: use @hello-pangea/dnd instead of react-beautiful-dnd (#2380)

Author: Raubzeug

package-lock.json

@@ -130,11 +130,11 @@
     "@floating-ui/react": "^0.27.12",
     "@gravity-ui/i18n": "^1.8.0",
     "@gravity-ui/icons": "^2.13.0",
+    "@hello-pangea/dnd": "^18.0.1",
     "@tanstack/react-virtual": "^3.13.9",
     "blueimp-md5": "^2.19.0",
     "lodash": "^4.17.21",
     "rc-slider": "^11.1.8",
-    "react-beautiful-dnd": "^13.1.1",
     "react-transition-group": "^4.4.5",
     "react-virtualized-auto-sizer": "^1.0.26",
     "react-window": "^1.8.11",
@@ -171,7 +171,6 @@
     "@types/jest": "^29.5.14",
     "@types/lodash": "^4.17.17",
     "@types/react": "^18.3.23",
-    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "^18.3.7",
     "@types/react-transition-group": "^4.4.12",
     "@types/react-virtualized-auto-sizer": "^1.0.8",

package.json

@@ -52,7 +52,7 @@ $block: '.#{variables.$ns}list';
             }
         }
 
-        // https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/preset-styles.md#phase-dragging-droppable-element
+        // https://github.com/hello-pangea/dnd/blob/master/docs/guides/preset-styles.md#phase-dragging-droppable-element
         &_sortable[data-rbd-drag-handle-context-id]:active {
             cursor: grabbing;
         }

src/components/List/List.scss

@@ -2,16 +2,16 @@
 
 import * as React from 'react';
 
-import isEqual from 'lodash/isEqual';
-import isObject from 'lodash/isObject';
 import type {
     DraggableProvided,
     DraggableRubric,
     DraggableStateSnapshot,
     DropResult,
     DroppableProvided,
-} from 'react-beautiful-dnd';
-import {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';
+} from '@hello-pangea/dnd';
+import {DragDropContext, Draggable, Droppable} from '@hello-pangea/dnd';
+import isEqual from 'lodash/isEqual';
+import isObject from 'lodash/isObject';
 import type {Size} from 'react-virtualized-auto-sizer';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import type {VariableSizeListProps} from 'react-window';