feat: introduce login page

packages/web/src/components/PublicLayout/index.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+
+import Toolbar from '@mui/material/Toolbar';
+import MuiAppBar from '@mui/material/AppBar';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+
+import Container from 'components/Container';
+import { FormattedMessage } from 'react-intl';
+
+type LayoutProps = {
+  children: React.ReactNode;
+}
+
+export default function Layout({ children }: LayoutProps): React.ReactElement {
+
+  return (
+    <>
+      <MuiAppBar>
+        <Container maxWidth="lg" disableGutters>
+          <Toolbar>
+            <Typography
+              variant="h6"
+              noWrap
+              component="div"
+              sx={{ flexGrow: 1 }}
+            >
+              <FormattedMessage id="brandText" />
+            </Typography>
+          </Toolbar>
+        </Container>
+      </MuiAppBar>
+
+      <Box sx={{ display: 'flex', flexDirection: 'column', height: '100%' }}>
+        <Toolbar />
+
+        {children}
+      </Box>
+    </>
+  );
+}