small QOL improvements (#37)

* feat: selected event if is first

* style: fix wrap

- remove wrap tag (broken in firefox)

* feat: add more text to notes

this is a quick fix and does not replace the real deal.
using a text input makes it difficult to edit, this should be revised with a textarea on note field

* upgrade electron

* Stage timer in /sm has placeholder when not running

* fix style issue where clock would move depending on whether there are events selected

* ensure ontime logo and text have a minimum readable size

* fix scrollbar styling

* clean debugging logs

* link to latest release

using gitreleases.dev service for this.
this is a temporary fix until we have a release (in opposition to pre-release) so we can use githubs latest link

* scale gracefully

* fixed error with naming of maxChar

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

@@ -4,23 +4,23 @@
   height: 100%;
   margin: auto;
   color: #fffd;
-  padding: 2vh;
+  padding: max(16px, 2vh);
 
   display: grid;
-  grid-template-rows: 38vh 1fr;
-  grid-template-columns: 40px 48em 27vw 1fr;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: 40px 48em auto 1fr;
   grid-template-areas:
     'sett even play info'
     'sett even mess info';
-  gap: 2vh;
+  gap: max(16px, 2vh);
 }
 
-/* 2/3 window, hide previews */
-@media (max-width: 1250px) and (min-height: 700px) {
+/* 2/3 window, hide info */
+@media (max-width: 1450px) and (min-height: 700px) {
   .mainContainer {
     height: 100%;
-    grid-template-rows: 1fr 1fr;
-    grid-template-columns: 40px 48em 1fr 1fr;
+    grid-template-rows: auto 1fr;
+    grid-template-columns: 40px 48em auto;
     /* grid-template-areas:
       'even play sett'
       'even mess sett'; */
@@ -32,7 +32,7 @@
 }
 
 /* 1/3 window, show control only */
-@media (max-width: 750px) and (min-height: 500px) {
+@media (max-width: 850px) and (min-height: 500px) {
   .mainContainer {
     grid-template-rows: auto 1fr;
     grid-template-columns: 100%;
@@ -67,7 +67,7 @@
 }
 
 h1 {
-  font-size: 1.5em;
+  font-size: max(1.5em, 16px);
   color: rgba(255, 255, 255, 0.63);
   padding-bottom: 0.25em;
 }
@@ -98,6 +98,11 @@ h1 {
   grid-area: play;
 }
 
+.messages,
+.playback {
+  min-width: 31em;
+}
+
 .mainContainer > .settings {
   grid-area: sett;
   background-color: transparent;
@@ -126,25 +131,3 @@ h1 {
   display: flex;
   justify-content: flex-end;
 }
-
-/* width */
-::-webkit-scrollbar {
-  width: 0.5em;
-}
-
-/* Track */
-::-webkit-scrollbar-track {
-  background: rgba(255, 255, 255, 0.01);
-  border-radius: 4px;
-}
-
-/* Handle */
-::-webkit-scrollbar-thumb {
-  background: rgba(255, 255, 255, 0.15);
-  border-radius: 4px;
-}
-
-/* Handle on hover */
-::-webkit-scrollbar-thumb:hover {
-  background: rgba(255, 255, 255, 0.35);
-}