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/countdown/Countdown.jsx

@@ -1,22 +1,18 @@
 import React, { memo } from 'react';
 import { formatDisplay } from 'common/utils/dateConfig';
 import PropTypes from 'prop-types';
-import styles from './Countdown.module.css';
+import styles from './Countdown.module.scss';
 
 const Countdown = ({ time, small, isNegative, hideZeroHours }) => {
   // prepare display string
   const display =
-    time != null && !isNaN(time)
-      ? formatDisplay(time, hideZeroHours)
-      : '-- : -- : --';
+    time != null && !isNaN(time) ? formatDisplay(time, hideZeroHours) : '-- : -- : --';
 
-  const colour = isNegative ? '#ff7597' : '#fffffa';
+  const classes = `${small ? styles.countdownClockSmall : styles.countdownClock} 
+  ${isNegative ? styles.negative : ''}`;
 
   return (
-    <div
-      className={small ? styles.countdownClockSmall : styles.countdownClock}
-      style={{ color: colour }}
-    >
+    <div className={classes}>
       {display}
     </div>
   );