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/collapseBar/CollapseBar.jsx

@@ -1,14 +1,14 @@
 import React from 'react';
-import PropTypes from "prop-types";
-import style from "../../../features/info/Info.module.scss";
-import {Icon} from "@chakra-ui/react";
-import {FiChevronUp} from "@react-icons/all-files/fi/FiChevronUp";
+import PropTypes from 'prop-types';
+import { Icon } from '@chakra-ui/react';
+import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
+import style from './CollapseBar.module.scss';
 
 export default function CollapseBar(props) {
-  const {title = 'Collapse bar', isCollapsed = false, onClick}= props;
+  const { title = 'Collapse bar', isCollapsed, onClick, roll } = props;
 
-  return(
-    <div className={style.header}>
+  return (
+    <div className={roll ? style.headerRoll : style.header}>
       {title}
       <Icon
         className={isCollapsed ? style.moreCollapsed : style.moreExpanded}
@@ -16,10 +16,11 @@ export default function CollapseBar(props) {
         onClick={onClick}
       />
     </div>
-  )
+  );
 }
 CollapseBar.propTypes = {
   title: PropTypes.string,
   isCollapsed: PropTypes.bool,
   onClick: PropTypes.func,
-}
+  roll: PropTypes.bool,
+};