Docs reorganization

platform/ui/src/components/LayoutSelector/LayoutSelector.jsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 
-export function LayoutSelector({ onSelection }) {
+function LayoutSelector({ onSelection }) {
   const [hoveredIndex, setHoveredIndex] = useState();
   const hoverX = hoveredIndex % 3;
   const hoverY = Math.floor(hoveredIndex / 3);

platform/ui/src/components/ViewportDownloadForm/ViewportDownloadForm.jsx

@@ -34,7 +34,7 @@ const FILE_TYPE_OPTIONS = [
 const DEFAULT_FILENAME = 'image';
 const REFRESH_VIEWPORT_TIMEOUT = 1000;
 
-export const ViewportDownloadForm = ({
+const ViewportDownloadForm = ({
   activeViewport,
   onClose,
   updateViewportPreview,

platform/ui/src/components/ViewportGrid/ViewportGrid.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export function ViewportGrid({ numRows, numCols, children }) {
+function ViewportGrid({ numRows, numCols, children }) {
   const rowSize = 100 / numRows;
   const colSize = 100 / numCols;
 

platform/ui/src/components/ViewportPane/ViewportPane.jsx

@@ -6,7 +6,7 @@ import { useDrop } from 'react-dnd';
 // NOTE: If we found a way to make `useDrop` conditional,
 // Or we provided a HOC of this component, we could provide
 // this UI without the DragAndDropContext dependency.
-export function ViewportPane({
+function ViewportPane({
   children,
   className,
   isActive,