remove info panel (#721)

* refactor: remove info panel

* chore: update tests

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

@@ -46,17 +46,16 @@ $playback-width: 26rem;
 
   display: grid;
   grid-template-rows: auto 1fr;
-  grid-template-columns: $rundown-width $playback-width 1fr;
+  grid-template-columns: 1fr $playback-width;
   grid-template-areas:
-    'rundown play info'
-    'rundown mess info';
+    'rundown play'
+    'rundown mess';
   gap: 0.5rem;
   overflow: hidden;
 
   .rundown,
   .playback,
-  .messages,
-  .info {
+  .messages {
     position: relative;
     border-radius: 8px;
     height: 100%;
@@ -72,6 +71,7 @@ $playback-width: 26rem;
 
 .rundown {
   grid-area: rundown;
+  min-width: $rundown-width;
 
   .content {
     height: calc(100% - 1.5rem);
@@ -79,18 +79,6 @@ $playback-width: 26rem;
   }
 }
 
-.info {
-  grid-area: info;
-  min-width: 17rem;
-  max-width: 800px;
-
-  .content {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-}
-
 .messages {
   grid-area: mess;
   min-width: 24rem;

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

@@ -16,7 +16,6 @@ import styles from './Editor.module.scss';
 const Rundown = lazy(() => import('../rundown/RundownExport'));
 const TimerControl = lazy(() => import('../control/playback/TimerControlExport'));
 const MessageControl = lazy(() => import('../control/message/MessageControlExport'));
-const Info = lazy(() => import('../info/InfoExport'));
 const EventEditor = lazy(() => import('../event-editor/EventEditorExport'));
 
 const IntegrationModal = lazy(() => import('../modals/integration-modal/IntegrationModal'));
@@ -85,7 +84,6 @@ export default function Editor() {
             <Rundown />
             <MessageControl />
             <TimerControl />
-            <Info />
           </div>
         )}
         <Overview />