fix(striker-ui): extend Panel with MUI Paper; for MUI Dialog use

striker-ui/components/Panels/Panel.tsx

@@ -1,6 +1,5 @@
-import { ReactNode } from 'react';
+import { GlobalStyles, PaperProps, styled } from '@mui/material';
-import { GlobalStyles } from '@mui/material';
+
-import { styled } from '@mui/material/styles';
 import {
   BORDER_RADIUS,
   PANEL_BACKGROUND,
@@ -52,9 +51,7 @@ const StyledDiv = styled('div')(() => ({
   },
 }));
 
-type Props = {
+type PanelProps = PaperProps;
-  children: ReactNode;
-};
 
 const styledScrollbars = (
   <GlobalStyles
@@ -74,7 +71,7 @@ const styledScrollbars = (
   />
 );
 
-const Panel = ({ children }: Props): JSX.Element => {
+const Panel = ({ children }: PanelProps): JSX.Element => {
   return (
     <StyledDiv>
       {styledScrollbars}