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/buttons/CollapseBtn.jsx

@@ -12,7 +12,6 @@ export default function CollapseBtn(props) {
         icon={<FiChevronsUp />}
         colorScheme='white'
         variant='outline'
-        background='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
       />

client/src/common/components/buttons/CursorLockedBtn.jsx

@@ -4,7 +4,7 @@ import { Tooltip } from '@chakra-ui/tooltip';
 import { FiTarget } from '@react-icons/all-files/fi/FiTarget';
 
 export default function CursorLockedBtn(props) {
-  const { clickhandler, active, ref, size } = props;
+  const { clickhandler, active, ref, size, ...rest } = props;
   return (
     <Tooltip label='Lock cursor to current'>
       <IconButton
@@ -17,6 +17,7 @@ export default function CursorLockedBtn(props) {
         variant={active ? 'solid' : 'outline'}
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
+        {...rest}
       />
     </Tooltip>
   );

client/src/common/components/buttons/DeleteIconBtn.jsx

@@ -1,6 +1,5 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { IconButton } from '@chakra-ui/button';
-import { useState } from 'react';
 import { IoRemove } from '@react-icons/all-files/io5/IoRemove';
 import { Tooltip } from '@chakra-ui/tooltip';
 

client/src/common/components/buttons/ExpandBtn.jsx

@@ -12,7 +12,6 @@ export default function ExpandBtn(props) {
         icon={<FiChevronsDown />}
         colorScheme='white'
         variant='outline'
-        background='#fff1'
         onClick={clickhandler}
         _focus={{ boxShadow: 'none' }}
       />