refract: handle warnings

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

@@ -2,15 +2,16 @@ import { IconButton } from '@chakra-ui/button';
 import { FiPause } from 'react-icons/fi';
 
 export default function PauseIconBtn(props) {
+  const { clickhandler, active, ...rest } = props;
   return (
     <IconButton
       icon={<FiPause />}
       colorScheme='orange'
-      variant={props.active ? 'solid' : 'outline'}
-      onClick={props.clickHandler}
+      variant={active ? 'solid' : 'outline'}
+      onClick={clickhandler}
       width={120}
       _focus={{ boxShadow: 'none' }}
-      {...props}
+      {...rest}
     />
   );
 }