add @dnd-kit support.

src/main.tsx

@@ -1,6 +1,7 @@
 // Load global styles
 import './index.css';
 // Load foundations
+import { DndContext } from '@dnd-kit/core';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
@@ -17,24 +18,26 @@ import Settings from './pages/Settings';
 
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
-    <Notifications>
-      <EstimWatchProvider>
-        <BrowserRouter>
-          <Routes>
-            <Route path="/" element={<Layout />}>
-              <Route index element={<Device />} />
-              <Route path="/play" element={<PlayControl />} />
-              <Route path="/library" element={<PatternLibrary />} />
-              <Route path="/pattern-editor">
-                <Route index element={<PatternNavigator />} />
-                <Route path="new" element={<CreatePattern />} />
-                <Route path="edit" element={<PatternEditor />} />
+    <DndContext>
+      <Notifications>
+        <EstimWatchProvider>
+          <BrowserRouter>
+            <Routes>
+              <Route path="/" element={<Layout />}>
+                <Route index element={<Device />} />
+                <Route path="/play" element={<PlayControl />} />
+                <Route path="/library" element={<PatternLibrary />} />
+                <Route path="/pattern-editor">
+                  <Route index element={<PatternNavigator />} />
+                  <Route path="new" element={<CreatePattern />} />
+                  <Route path="edit" element={<PatternEditor />} />
+                </Route>
+                <Route path="/settings" element={<Settings />} />
               </Route>
-              <Route path="/settings" element={<Settings />} />
-            </Route>
-          </Routes>
-        </BrowserRouter>
-      </EstimWatchProvider>
-    </Notifications>
+            </Routes>
+          </BrowserRouter>
+        </EstimWatchProvider>
+      </Notifications>
+    </DndContext>
   </React.StrictMode>,
 );