feat: Add dummy pages

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

@@ -1,10 +0,0 @@
-import { FormattedMessage } from 'react-intl';
-import Layout from 'components/Layout';
-
-export default function App() {
-  return (
-    <Layout>
-      <FormattedMessage id="welcomeText" />
-    </Layout>
-  );
-}

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

@@ -0,0 +1,28 @@
+import Card from '@mui/material/Card';
+import CardActionArea from '@mui/material/CardActionArea';
+import CardContent from '@mui/material/CardContent';
+import Typography from '@mui/material/Typography';
+
+type AppRowProps = {
+  icon?: React.ReactNode;
+  name: string;
+  connectionNumber?: number;
+  flowNumber?: number;
+}
+
+export default function AppRow(props: AppRowProps) {
+  const { name } = props;
+
+  return (
+    <Card sx={{ my: 1 }}>
+      <CardActionArea>
+
+       <CardContent>
+          <Typography gutterBottom variant="h6" component="div">
+            {name}
+          </Typography>
+        </CardContent>
+      </CardActionArea>
+    </Card>
+  );
+}

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

@@ -0,0 +1,11 @@
+import MuiContainer, { ContainerProps } from '@mui/material/Container';
+
+export default function Container(props: ContainerProps) {
+  return (
+    <MuiContainer {...props} />
+  );
+};
+
+Container.defaultProps = {
+  maxWidth: 'lg'
+};

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

@@ -19,7 +19,7 @@ export default function Layout({ children }: LayoutProps) {
       <Box sx={{ display: 'flex', }}>
         <Drawer open={isDrawerOpen} />
 
-        <Box sx={{ display: 'flex', flexDirection: 'column' }}>
+        <Box sx={{ flex: 1 }}>
           <Toolbar />
 
           {children}

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

@@ -0,0 +1,15 @@
+import Typography from '@mui/material/Typography';
+
+type PageTitleProps = {
+  children: React.ReactNode;
+};
+
+export default function PageTitle(props: PageTitleProps) {
+  const { children } = props;
+
+  return (
+    <Typography variant="h4">
+      {children}
+    </Typography>
+  );
+}