feat: use dynamic custom logo

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

@@ -3,10 +3,9 @@ import * as React from 'react';
 import Toolbar from '@mui/material/Toolbar';
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
 
+import Logo from 'components/Logo';
 import Container from 'components/Container';
-import { FormattedMessage } from 'react-intl';
 
 type LayoutProps = {
   children: React.ReactNode;
@@ -18,14 +17,7 @@ export default function Layout({ children }: LayoutProps): React.ReactElement {
       <AppBar>
         <Container maxWidth="lg" disableGutters>
           <Toolbar>
-            <Typography
-              variant="h6"
-              noWrap
-              component="div"
-              sx={{ flexGrow: 1 }}
-            >
-              <FormattedMessage id="brandText" />
-            </Typography>
+            <Logo />
           </Toolbar>
         </Container>
       </AppBar>