Fix missing hook dependencies and unused imports

src/components/controls.tsx

@@ -11,7 +11,7 @@ import Box from '@material-ui/core/Box';
 import { makeStyles } from '@material-ui/core';
 import { belowDesktop, getSortedTracks, useShallowEqualSelector } from '../utils';
 import { control } from '../redux/actions';
-import { shallowEqual, useDispatch } from 'react-redux';
+import { useDispatch } from 'react-redux';
 
 import { ReactComponent as MDIcon0 } from '../images/md0.svg';
 import { ReactComponent as MDIcon1 } from '../images/md1.svg';

src/components/convert-dialog.tsx

@@ -93,7 +93,7 @@ export const ConvertDialog = (props: { files: File[] }) => {
     const handleConvert = useCallback(() => {
         handleClose();
         dispatch(convertAndUpload(props.files, format, titleSource, titleFormat));
-    }, [dispatch, props, format, titleSource, titleFormat]);
+    }, [dispatch, props, format, titleSource, titleFormat, handleClose]);
 
     return (
         <Dialog

src/components/topmenu.tsx

@@ -76,7 +76,7 @@ export const TopMenu = function() {
             ])
         );
         handleMenuClose();
-    }, [dispatch, handleMenuClose]);
+    }, [dispatch, handleMenuClose, discTitle]);
 
     const handleExit = useCallback(() => {
         dispatch(appActions.setState('WELCOME'));