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/state/Empty.jsx

@@ -1,13 +1,18 @@
 import React from 'react';
 import { ReactComponent as Emptyimage } from 'assets/images/empty.svg';
-import style from './Empty.module.css';
+import PropTypes from 'prop-types';
+import style from './Empty.module.scss';
 
 export default function Empty(props) {
-  const { text } = props;
+  const { text, ...rest } = props;
   return (
-    <div className={style.emptyContainer}>
+    <div className={style.emptyContainer} {...rest}>
       <Emptyimage className={style.empty} />
       <span className={style.text}>{text}</span>
     </div>
   );
 }
+
+Empty.propTypes = {
+  text: PropTypes.string,
+}