fix: make overflow for content easier

Author: AnthonyMarin

src/components/layouts/main/MainLayout/MainLayout.styles.ts

@@ -6,7 +6,7 @@ export const LayoutMaster = styled(BaseLayout)`
 `;
 
 export const LayoutMain = styled(BaseLayout)`
-  height: fit-content;
+  height: 100vh;
   @media only screen and ${media.md} {
     margin-left: 80px;
   }

src/components/layouts/main/MainLayout/MainLayout.tsx

@@ -71,7 +71,7 @@ const MainLayout: React.FC = () => {
           <Header toggleSider={toggleSider} isSiderOpened={!siderCollapsed} isTwoColumnsLayout={isTwoColumnsLayout} />
         </MainHeader>
         <MainContent
-          style={isDesktop ? { overflowY: 'hidden' } : { overflowY: 'auto' }}
+          style={isDesktop ? { overflowY: 'auto' } : { overflowY: 'auto' }}
           id="main-content"
           $isTwoColumnsLayout={isTwoColumnsLayout}
           $isDesktop={isDesktop}