updated dependencies

src/layouts/main/MainLayout.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import Header from './components/header';
+import Footer from './components/footer';
+import FullScreenContainer from 'layouts/common/fullScreenContainer';
+
+const MainLayout = (props) => {
+	const { children } = props;
+
+	return (
+		<div
+			sx={{
+				minHeight: '100vh',
+				display: 'flex',
+				flexDirection: 'column',
+			}}>
+			<Header />
+			<FullScreenContainer>{children}</FullScreenContainer>
+			<Footer />
+		</div>
+	);
+};
+
+export default MainLayout;