monorepo packages (#344)

projects/app/src/components/PageContainer/index.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Box, useTheme, type BoxProps } from '@chakra-ui/react';
+
+const PageContainer = ({ children, ...props }: BoxProps) => {
+  const theme = useTheme();
+  return (
+    <Box bg={'myGray.100'} h={'100%'} p={[0, 5]} px={[0, 6]} {...props}>
+      <Box
+        h={'100%'}
+        bg={'white'}
+        borderRadius={[0, '2xl']}
+        border={['none', theme.borders.lg]}
+        overflow={'overlay'}
+      >
+        {children}
+      </Box>
+    </Box>
+  );
+};
+
+export default PageContainer;