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/common/components/views/TitleSide.module.scss

@@ -0,0 +1,54 @@
+@use '../../../styles/main' as *;
+
+.label {
+  @include card-label;
+}
+
+.nowTitle,
+.nextTitle {
+  @include card-title;
+}
+
+.nowSubtitle,
+.nowPresenter,
+.nextSubtitle,
+.nextPresenter {
+  color: $subtitle-gray;
+}
+
+.nowTitle {
+  font-size: 2.5vw;
+}
+
+.nowPresenter {
+  font-size: 2vw;
+  font-weight: 400;
+}
+
+.nowSubtitle {
+  font-size: 1.2vw;
+  margin-top: -1vh;
+}
+
+.nextTitle {
+  font-size: 2vw;
+}
+
+.nextSubtitle {
+  margin-top: -0.8vh;
+  font-size: 1.1vw;
+}
+
+.nextPresenter {
+  font-weight: 400;
+  font-size: 1.5vw;
+}
+
+.nowTitle:after,
+.nowSubtitle:after,
+.nowPresenter:after,
+.nextTitle:after,
+.nextSubtitle:after,
+.nextPresenter:after {
+  content: '\200b';
+}