feat: added users page

frontend/src/components/MainContainer/index.js

@@ -0,0 +1,31 @@
+import React from "react";
+
+import { makeStyles } from "@material-ui/core/styles";
+import Container from "@material-ui/core/Container";
+
+const useStyles = makeStyles(theme => ({
+	mainContainer: {
+		flex: 1,
+		padding: theme.spacing(2),
+		height: `calc(100% - 48px)`,
+	},
+
+	contentWrapper: {
+		height: "100%",
+		overflowY: "hidden",
+		display: "flex",
+		flexDirection: "column",
+	},
+}));
+
+const MainContainer = ({ children }) => {
+	const classes = useStyles();
+
+	return (
+		<Container className={classes.mainContainer}>
+			<div className={classes.contentWrapper}>{children}</div>
+		</Container>
+	);
+};
+
+export default MainContainer;