perf: ui

client/src/components/Avatar/index.tsx

@@ -9,7 +9,7 @@ const Avatar = ({ w = '30px', ...props }: ImageProps) => {
       fallbackSrc={LOGO_ICON}
       fallbackStrategy={'onError'}
       borderRadius={'50%'}
-      objectFit={'cover'}
+      objectFit={'contain'}
       alt=""
       w={w}
       h={w}

client/src/components/Layout/index.tsx

@@ -86,7 +86,7 @@ const Layout = ({ children }: { children: JSX.Element }) => {
                 <Auth>{children}</Auth>
               ) : (
                 <Flex h={'100%'} flexDirection={'column'}>
-                  <Box flex={'1 0 0'} h={0} overflow={'overlay'}>
+                  <Box flex={'1 0 0'} h={0}>
                     <Auth>{children}</Auth>
                   </Box>
                   <Box h={'50px'} borderTop={'1px solid rgba(0,0,0,0.1)'}>

client/src/components/PageContainer/index.tsx

@@ -6,12 +6,11 @@ const PageContainer = ({ children, ...props }: BoxProps) => {
   return (
     <Box bg={'myGray.100'} h={'100%'} p={[0, 5]} px={[0, 6]} {...props}>
       <Box
-        flex={1}
         h={'100%'}
         bg={'white'}
-        borderRadius={['', '2xl']}
-        border={['', theme.borders.lg]}
-        overflowY={'auto'}
+        borderRadius={[0, '2xl']}
+        border={['none', theme.borders.lg]}
+        overflow={'overlay'}
       >
         {children}
       </Box>