feat: New @ohif/viewer project structure + routes (#1674)

* fix pagination size

* clean up, start a very basic route configuration

* quick navigation between routes

* configure webpack to read .env variables

* Move container components to Routes directory

* Fix naming of recipe file

* Clean up source folder

* update yarn.lock

* ci: update netlify deploy preview to build viewer project

* update PWA entrypoint to pass configuration on window to App as props

* fix: for missing key

* Pass routerBasename to our React Router component

* Simplify config for meow

Co-authored-by: dannyrb <danny.ri.brown@gmail.com>

platform/ui/src/components/SidePanel/SidePanel.jsx

@@ -56,7 +56,7 @@ const position = {
 const getChildComponent = (childComponents, componentOpen) => {
   if (Array.isArray(childComponents)) {
     return childComponents.find(
-      (_childComponent) => _childComponent.name === componentOpen
+      _childComponent => _childComponent.name === componentOpen
     );
   } else {
     return childComponents;
@@ -80,10 +80,10 @@ const SidePanel = ({
     const _childComponents = Array.isArray(childComponents)
       ? childComponents
       : [childComponents];
-    return _childComponents.map((childComponent) => {
+    return _childComponents.map((childComponent, i) => {
       return (
         <Button
-          key={childComponent.name}
+          key={i}
           variant="text"
           color="inherit"
           onClick={() => {

platform/ui/src/components/StudyListPagination/StudyListPagination.js

@@ -49,25 +49,22 @@ const StudyListPagination = ({
               </Typography>
               <ButtonGroup color="primary">
                 <IconButton
-                  size="small"
+                  size="inherit"
                   className="border-common-active px-4 py-2 text-base"
-                  style={{ padding: '3px 12px', minWidth: 0 }}
                   color="white"
                   onClick={() => navigateToPage(1)}
                 >
                   <>{`<<`}</>
                 </IconButton>
                 <Button
-                  size="small"
-                  className="border-common-active py-2 text-base"
-                  style={{ padding: '3px 8px', minWidth: 0 }}
+                  size="inherit"
+                  className="border-common-active py-2 px-2 text-base"
                   color="white"
                   onClick={() => navigateToPage(currentPage - 1)}
                 >{`< Previous`}</Button>
                 <Button
-                  size="small"
-                  className="border-common-active py-2 text-base"
-                  style={{ padding: '3px 20px', minWidth: 0 }}
+                  size="inherit"
+                  className="border-common-active py-2 px-4 text-base"
                   color="white"
                   onClick={() => navigateToPage(currentPage + 1)}
                 >