feat: add new autoformat and drag-and-drop functionality to the editor, refactor list handling and update dependencies

surfsense_web/components/editor/plugins/dnd-kit.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+
+import { DndPlugin } from '@platejs/dnd';
+
+import { BlockDraggable } from '@/components/ui/block-draggable';
+
+export const DndKit = [
+  DndPlugin.configure({
+    options: {
+      enableScroller: true,
+    },
+    render: {
+      aboveNodes: BlockDraggable,
+      aboveSlate: ({ children }) => (
+        <DndProvider backend={HTML5Backend}>{children}</DndProvider>
+      ),
+    },
+  }),
+];
+