V2 styles part2 (#233)

* style: create tag to display network messages
* style: create button style for playback
* style: review style for QuickEntry
* style: review style for Info panel
* style: review style for Event blocks
* style: review style for Message control panel
* style: review style for Playback control
* style: review application styles
* style: review block styles
* refactor: TapButton has active state
* style: small style tweaks
* refactor: type checks

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

@@ -131,7 +131,7 @@
 
 .eventEditor {
   border-radius: 3px 3px 0 0;
-  background-color: $bg-container-l1;
+  background-color: $bg-black;
   border-top: 1px solid $bg-gray-900;
   position: absolute;
   bottom: 0;
@@ -152,7 +152,7 @@
   }
 
   .header {
-    background-color: $bg-container-l2;
+    background-color: $bg-black;
     padding: 8px;
     border-left: 1px solid $bg-container-l3;
   }
@@ -186,8 +186,8 @@
 
 .playback {
   grid-area: play;
-  min-height: 270px;
-  max-height: 270px;
+  min-height: 275px;
+  max-height: 380px;
   min-width: 480px;
 }