Feat/mac (#109)

* chore: upgrade dependencies
* feat/mac: draft pipeline
* feat/mac: use public folder for transient files
* feat/mac: set app fullscreen
* feat/mac: cmd + , toggles menu
* feat/mac: update readme
* refact: easier login process
* refact prevent style issues with safari
* refact reduce css download
* style: cleanup paginator design
* style: studio clock is responsive
* style: fix spacing style issues with safari

client/src/features/control/message/MessageControl.module.scss

@@ -0,0 +1,62 @@
+@use '../../../styles/main' as *;
+@use '../../../styles/mixins' as *;
+
+.messageContainer,
+.onAirToggle {
+  @include main-container;
+  display: flex;
+  gap: 0.5em;
+  padding: 0.5em;
+}
+
+.messageContainer {
+  flex-direction: column;
+
+  .inputItems {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    gap: 1em;
+  }
+
+  .label {
+    padding: 0;
+    margin: 0;
+    font-size: 0.9em;
+    color: $label-gray;
+  }
+
+  .inline {
+    border-radius: 4px;
+    background-color: $input-bg;
+    border: $input-border;
+  }
+
+  .padleft {
+    padding-left: 0.5em;
+  }
+}
+
+.onAirToggle {
+  margin-top: 1em;
+  align-items: center;
+  display: grid;
+  grid-template-areas:
+    'btn label'
+    'btn osc';
+  grid-template-columns: 2.5em 1fr;
+  grid-template-rows: 1.2em 0.8em;
+
+  .btn {
+    grid-area: btn;
+  }
+
+  .onAirLabel {
+    grid-area: label;
+    font-size: 1.2em;
+  }
+
+  .oscLabel {
+    @include osc-label;
+    grid-area: osc;
+  }
+}