Add songs to playlists with drag and drop

ui/src/layout/Layout.js

@@ -3,6 +3,8 @@ import { useDispatch, useSelector } from 'react-redux'
 import { Layout as RALayout, toggleSidebar } from 'react-admin'
 import { makeStyles } from '@material-ui/core/styles'
 import { HotKeys } from 'react-hotkeys'
+import { HTML5Backend } from 'react-dnd-html5-backend'
+import { DndProvider } from 'react-dnd'
 import Menu from './Menu'
 import AppBar from './AppBar'
 import Notification from './Notification'
@@ -23,16 +25,18 @@ const Layout = (props) => {
   }
 
   return (
-    <HotKeys handlers={keyHandlers}>
-      <RALayout
-        {...props}
-        className={classes.root}
-        menu={Menu}
-        appBar={AppBar}
-        theme={theme}
-        notification={Notification}
-      />
-    </HotKeys>
+    <DndProvider backend={HTML5Backend}>
+      <HotKeys handlers={keyHandlers}>
+        <RALayout
+          {...props}
+          className={classes.root}
+          menu={Menu}
+          appBar={AppBar}
+          theme={theme}
+          notification={Notification}
+        />
+      </HotKeys>
+    </DndProvider>
   )
 }