feat: add primitive profile settings

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

@@ -1,16 +1,44 @@
 import * as React from 'react';
+import Box from '@mui/material/Box';
+import Toolbar from '@mui/material/Toolbar';
 import { useTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
+import AppsIcon from '@mui/icons-material/Apps';
+import SwapCallsIcon from '@mui/icons-material/SwapCalls';
+import HistoryIcon from '@mui/icons-material/History';
+import ExploreIcon from '@mui/icons-material/Explore';
 
-import Box from '@mui/material/Box';
+import * as URLS from 'config/urls';
 import AppBar from 'components/AppBar';
 import Drawer from 'components/Drawer';
-import Toolbar from '@mui/material/Toolbar';
 
 type PublicLayoutProps = {
   children: React.ReactNode;
 }
 
+const drawerLinks = [
+  {
+    Icon: SwapCallsIcon,
+    primary: 'drawer.flows',
+    to: URLS.FLOWS,
+  },
+  {
+    Icon: AppsIcon,
+    primary: 'drawer.apps',
+    to: URLS.APPS,
+  },
+  {
+    Icon: HistoryIcon,
+    primary: 'drawer.executions',
+    to: URLS.EXECUTIONS,
+  },
+  {
+    Icon: ExploreIcon,
+    primary: 'drawer.explore',
+    to: URLS.EXPLORE,
+  },
+];
+
 export default function PublicLayout({ children }: PublicLayoutProps): React.ReactElement {
   const theme = useTheme();
   const matchSmallScreens = useMediaQuery(theme.breakpoints.down('lg'), { noSsr: true });
@@ -25,6 +53,7 @@ export default function PublicLayout({ children }: PublicLayoutProps): React.Rea
 
       <Box sx={{ display: 'flex', }}>
         <Drawer
+          links={drawerLinks}
           open={isDrawerOpen}
           onOpen={openDrawer}
           onClose={closeDrawer}