refactor(striker-ui): migrate MUI v4->5 on Panels/InnerPanel

striker-ui/components/Panels/InnerPanel.tsx

@@ -1,14 +1,9 @@
 import { ReactNode } from 'react';
-import { Box } from '@material-ui/core';
-import { makeStyles } from '@material-ui/core/styles';
+import { Box } from '@mui/material';
+import { styled } from '@mui/material/styles';
 import { BORDER_RADIUS, DIVIDER } from '../../lib/consts/DEFAULT_THEME';
 
-type Props = {
-  children: ReactNode;
-};
-
-const useStyles = makeStyles(() => ({
-  innerBody: {
+const StyledBox = styled(Box)({
   borderWidth: '1px',
   borderRadius: BORDER_RADIUS,
   borderStyle: 'solid',
@@ -17,13 +12,14 @@ const useStyles = makeStyles(() => ({
   marginBottom: '1.4em',
   paddingBottom: 0,
   position: 'relative',
-  },
-}));
+});
 
-const InnerPanel = ({ children }: Props): JSX.Element => {
-  const classes = useStyles();
+type Props = {
+  children: ReactNode;
+};
 
-  return <Box className={classes.innerBody}>{children}</Box>;
+const InnerPanel = ({ children }: Props): JSX.Element => {
+  return <StyledBox>{children}</StyledBox>;
 };
 
 export default InnerPanel;