feat: stop hiding app bar on scroll

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

@@ -13,7 +13,6 @@ import AccountCircleIcon from '@mui/icons-material/AccountCircle';
 import * as URLS from 'config/urls';
 import AccountDropdownMenu from 'components/AccountDropdownMenu';
 import Container from 'components/Container';
-import HideOnScroll from 'components/HideOnScroll';
 import { FormattedMessage } from 'react-intl';
 import { Link } from './style';
 
@@ -50,7 +49,6 @@ export default function AppBar(props: AppBarProps): React.ReactElement {
   };
 
   return (
-    <HideOnScroll>
     <MuiAppBar>
       <Container maxWidth={maxWidth} disableGutters>
         <Toolbar>
@@ -97,6 +95,5 @@ export default function AppBar(props: AppBarProps): React.ReactElement {
         onClose={handleAccountMenuClose}
       />
     </MuiAppBar>
-    </HideOnScroll>
   );
 }

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

@@ -8,7 +8,6 @@ import useMediaQuery from '@mui/material/useMediaQuery';
 import Badge from '@mui/material/Badge';
 
 import ListItemLink from 'components/ListItemLink';
-import HideOnScroll from 'components/HideOnScroll';
 import useFormatMessage from 'hooks/useFormatMessage';
 import { Drawer as BaseDrawer } from './style';
 
@@ -47,9 +46,7 @@ export default function Drawer(props: DrawerProps): React.ReactElement {
     >
       {/* keep the following encapsulating `div` to have `space-between` children  */}
       <div>
-        <HideOnScroll unmountOnExit>
         <Toolbar />
-        </HideOnScroll>
 
         <List sx={{ py: 0, mt: 3 }}>
           {links.map(({ Icon, primary, to }, index) => (