Update Viewer to use UI components instead of local

platform/viewer/src/routes/ModeRoute.js

@@ -1,8 +1,8 @@
 import React, { useContext, useEffect, useCallback } from 'react';
-import { displaySetManager, ToolBarManager } from '@ohif/core';
-import { useViewModel } from '@ohif/core';
+import { displaySetManager, ToolBarManager, useViewModel } from '@ohif/core';
+import { DragAndDropProvider } from '@ohif/ui';
 import Compose from './Compose';
-import ViewportGrid from './../components/ViewportGrid.jsx';
+import ViewportGrid from './../components/ViewportGrid';
 
 export default function ModeRoute({
   location,
@@ -89,13 +89,15 @@ export default function ModeRoute({
       {/* TODO: extensionManager is already provided to the extension module.
        *  Use it from there instead of passing as a prop here.
        */}
-      <LayoutComponent
-        extensionManager={extensionManager}
-        displaySetInstanceUids={displaySetInstanceUids}
-        toolBarLayout={toolBarLayout}
-        ViewportGrid={ViewportGrid}
-        {...layoutTemplateData.props}
-      />
+      <DragAndDropProvider>
+        <LayoutComponent
+          extensionManager={extensionManager}
+          displaySetInstanceUids={displaySetInstanceUids}
+          toolBarLayout={toolBarLayout}
+          ViewportGrid={ViewportGrid}
+          {...layoutTemplateData.props}
+        />
+      </DragAndDropProvider>
     </CombinedContextProvider>
   );
 }