[WIFI-11223] Migrating to prov-ui style

Signed-off-by: Charles <charles.bourque96@gmail.com>

src/layout/MainPanel.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box, LayoutProps, useStyleConfig } from '@chakra-ui/react';
+
+interface Props extends LayoutProps {
+  children: React.ReactNode;
+}
+
+const MainPanel: React.FC<Props> = ({ children, ...props }) => {
+  const styles = useStyleConfig('MainPanel');
+
+  return (
+    <Box __css={styles} mb="16px" {...props}>
+      {children}
+    </Box>
+  );
+};
+
+export default MainPanel;