unify detailpanel and documentviewer

frontend/src/desktop/createDesktopSurface.js

@@ -2,7 +2,7 @@ import React from 'react';
 import SelectionFloatingActions from '../documents/SelectionFloatingActions';
 import { createDocumentsTableHeaderActions } from '../documents/DocumentsPanel';
 import createWorkspaceSurfaceConfig from '../documents/workspaceHeader';
-import DetailPanel from '../detail/DetailPanel';
+import DocumentViewerPanel from '../preview/DocumentViewerPanel';
 import DesktopWorkspace from './DesktopWorkspace';
 
 const createDesktopSurface = ({
@@ -82,7 +82,14 @@ const createDesktopSurface = ({
     : null;
 
   const sidebarToggle = renderSidebarToggle ? renderSidebarToggle() : null;
-  const detail = detailOpen && detailProps ? <DetailPanel {...detailProps} /> : null;
+  const detail = detailOpen && detailProps
+    ? (
+        <DocumentViewerPanel
+          variant="sidebar"
+          {...detailProps}
+        />
+      )
+    : null;
   const surfaceConfig = createWorkspaceSurfaceConfig({
     key: 'workspace',
     variant: 'workspace',