v2 styling (#263)

* feat: implement progress bar on running event

* refactor: use event action hook

* refactor: align backend data

* style: v2 style tweaks

* style: v2 style tweaks + ts <Info>

* fix: fix delay increment calls

* style: v2 style tweaks + ts <Playback>

* style: v2 style tweaks + ts <EventEditor>

* style: v2 style tweaks + ts <MessageControl>

* fix: naming issue with message control socket endpoint

* chore: upgrade style dependencies

* style: v2 style tweaks + ts <MenuBar>

* style: v2 style tweaks + ts <RundownMenu>

* style: v2 style tweaks + ts <Playback>

* fix: add selected and next information to EventTimer

* style: v2 style tweaks + ts <EventBlock>

* style: v2 style tweaks + ts <DelayBlock>

* style: v2 style tweaks + ts <BlockBlock>

* style: v2 style tweaks + ts <QuickEntry>

* refactor: extract <TextInput> logic

* chore: upgrade build dependencies

* chore: folder structure refactor

* fix: issue with dependency path in electron

* chore: update version in demo db

client/src/features/table/Table.module.scss

@@ -194,11 +194,11 @@
 }
 
 $bg-theme-light: #fcfcfc;
-$cell-theme-light: #f6f6f6;
+$cell-theme-light: #ececec;
 $text-theme-light: #202020;
 $bg-theme-dark: #121212;
 $bg2-theme-dark: #1c1c1c;
-$cell-theme-dark: #323232;
+$cell-theme-dark: #2d2d2d;
 $text-theme-dark: white;
 
 .tableWrapper {
@@ -221,6 +221,7 @@ $text-theme-dark: white;
   td {
     background-color: $cell-theme-light;
     border: 1px solid $bg-theme-light;
+    color: #121212;
   }
   .actionText:hover,
   .actionIcon:hover,
@@ -242,6 +243,7 @@ $text-theme-dark: white;
   td {
     background-color: $cell-theme-dark;
     border: 1px solid $bg-theme-dark;
+    color: #ececec;
   }
   .actionText:hover,
   .actionIcon:hover,
@@ -306,67 +308,3 @@ svg {
     transform: rotate(360deg);
   }
 }
-
-@media print {
-  /* No margins on build  ... */
-
-  * {
-    font-size: 10pt;
-  }
-
-  /* Ensure printable colours */
-  .tableWrapper,
-  .tableWrapper__dark {
-    background-color: white;
-    color: black;
-
-    * {
-      background-color: white;
-    }
-
-    td, th,
-    .selected > td {
-      background-color: #f6f6f6;
-    }
-
-    th {
-      width: auto;
-    }
-
-    .tableContainer {
-      overflow: visible;
-    }
-
-    /* Remove unnecessary sections */
-    .headerNow,
-    .headerRunning,
-    .headerActions,
-    .tableSettings,
-    .headerClock,
-    .actionIcon,
-    .delayCell,
-    .blockCell,
-    .noPrint {
-      display: none !important;
-
-      * {
-        display: none !important;
-      }
-    }
-
-    /* Overload styles */
-    .rowHeader {
-      font-weight: 600 !important;
-    }
-
-    .row {
-      height: fit-content;
-    }
-  }
-
-  /* ... set page margins */
-  @page {
-    size: auto;
-    margin: 0;
-  }
-}