feat: move to @react-forked/dnd

package.json

@@ -114,12 +114,12 @@
     "@mui/icons-material": ">=5.0.0",
     "@mui/material": ">=5.0.0",
     "@mui/x-date-pickers": "^5.0.0-alpha.2",
+    "@react-forked/dnd": "^14.0.2",
     "classnames": "^2.2.6",
     "date-fns": "^2.16.1",
     "debounce": "^1.2.0",
     "fast-deep-equal": "^3.1.3",
     "prop-types": "^15.7.2",
-    "react-beautiful-dnd": "^13.0.0",
     "react-double-scrollbar": "0.0.15",
     "uuid": "^8.3.2"
   },

src/components/MTableGroupbar/index.js

@@ -4,7 +4,7 @@ import Chip from '@mui/material/Chip';
 import Typography from '@mui/material/Typography';
 import PropTypes from 'prop-types';
 import React, { useEffect } from 'react';
-import { Droppable, Draggable } from 'react-beautiful-dnd';
+import { Droppable, Draggable } from '@react-forked/dnd';
 /* eslint-enable no-unused-vars */
 
 function MTableGroupbar(props) {

src/components/MTableHeader/index.js

@@ -5,7 +5,7 @@ import TableRow from '@mui/material/TableRow';
 import TableCell from '@mui/material/TableCell';
 import TableSortLabel from '@mui/material/TableSortLabel';
 import Checkbox from '@mui/material/Checkbox';
-import { Draggable } from 'react-beautiful-dnd';
+import { Draggable } from '@react-forked/dnd';
 import { Box, Tooltip } from '@mui/material';
 import * as CommonValues from '../../utils/common-values';
 export function MTableHeader({ onColumnResized, columns, ...props }) {

src/material-table.js

@@ -2,14 +2,8 @@ import React from 'react';
 import { debounce } from 'debounce';
 import equal from 'fast-deep-equal/react';
 import * as CommonValues from './utils/common-values';
-import {
-  Box,
-  Table,
-  TableFooter,
-  TableRow,
-  LinearProgress
-} from '@mui/material';
-import { DragDropContext, Droppable } from 'react-beautiful-dnd';
+import { Table, TableFooter, TableRow, LinearProgress } from '@mui/material';
+import { DragDropContext, Droppable } from '@react-forked/dnd';
 import DataManager from '@utils/data-manager';
 import {
   MTablePagination,