Remove mui/styles, Settings page, make minPriority functional, ahh so ugly

web/src/components/styles.js

@@ -1,23 +1,8 @@
-import {makeStyles, styled} from "@mui/styles";
+import {styled} from "@mui/styles";
 import Typography from "@mui/material/Typography";
 import theme from "./theme";
 import Container from "@mui/material/Container";
 
-const useStyles = makeStyles(theme => ({
-  bottomBar: {
-    display: 'flex',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingLeft: '24px',
-    paddingTop: '8px 24px',
-    paddingBottom: '8px 24px',
-  },
-  statusText: {
-    margin: '0px',
-    paddingTop: '8px',
-  }
-}));
-
 export const Paragraph = styled(Typography)({
   paddingTop: 8,
   paddingBottom: 8,
@@ -31,5 +16,3 @@ export const VerticallyCenteredContainer = styled(Container)({
   alignContent: 'center',
   color: theme.palette.body.main
 });
-
-export default useStyles;