wip: overview (#688)

* wip: overview

apps/client/src/features/editors/Editor.module.scss

@@ -34,18 +34,13 @@ $playback-width: 26rem;
   
   display: grid;
   grid-template-columns: $menu-width auto;
-  grid-template-rows: 2rem 1fr;
+  grid-template-rows: 3rem 1fr;
   grid-template-areas: 
     'menu overview'
     'menu main';
   gap: 0.5rem;
 }
 
-.overview {
-  grid-area: overview;
-  background-color: $white-10;
-}
-
 .panelContainer {
   grid-area: main;
 

apps/client/src/features/editors/Editor.tsx

@@ -8,6 +8,7 @@ import MenuBar from '../menu/MenuBar';
 import AboutModal from '../modals/about-modal/AboutModal';
 import QuickStart from '../modals/quick-start/QuickStart';
 import UploadModal from '../modals/upload-modal/UploadModal';
+import Overview from '../overview/Overview';
 
 import styles from './Editor.module.scss';
 
@@ -98,12 +99,7 @@ export default function Editor() {
             <Info />
           </div>
         )}
-        <div className={styles.overview}>
-          <ErrorBoundary></ErrorBoundary>
-          {
-            // TODO: the information about the event
-          }
-        </div>
+        <Overview />
       </div>
       <EventEditor />
     </>