ui(components): Viewport components added to ui-next (#4649)

Co-authored-by: sedghi <ar.sedghi@gmail.com>

platform/app/src/App.tsx

@@ -19,7 +19,6 @@ import {
   ModalProvider,
   ThemeWrapper,
   ViewportDialogProvider,
-  ViewportGridProvider,
   CineProvider,
   UserAuthenticationProvider,
   ToolboxProvider,
@@ -27,6 +26,7 @@ import {
 import {
   ThemeWrapper as ThemeWrapperNext,
   NotificationProvider,
+  ViewportGridProvider,
   TooltipProvider,
 } from '@ohif/ui-next';
 // Viewer Project

platform/app/src/components/ViewportGrid.tsx

@@ -1,7 +1,8 @@
 import React, { useEffect, useCallback, useRef } from 'react';
 import { useResizeDetector } from 'react-resize-detector';
 import { Types, MeasurementService } from '@ohif/core';
-import { ViewportGrid, ViewportPane, useViewportGrid } from '@ohif/ui';
+import { ViewportGrid, ViewportPane } from '@ohif/ui';
+import { useViewportGrid } from '@ohif/ui-next';
 import EmptyViewport from './EmptyViewport';
 import classNames from 'classnames';
 import { useAppConfig } from '@state';