remove footer and scroll on the app page

ui/pages/MarketplaceApp.tsx

-import { Box, Center, useColorMode } from '@chakra-ui/react';
+import { Box, Center, useColorMode, Flex } from '@chakra-ui/react';
 import { useQuery } from '@tanstack/react-query';
 import { DappscoutIframeProvider, useDappscoutIframe } from 'dappscout-iframe';
 import { useRouter } from 'next/router';
@@ -71,7 +71,7 @@ const MarketplaceAppContent = ({ address, data, isPending }: Props) => {
 
   return (
     <Center
-      h="100vh"
+      flexGrow={ 1 }
       mx={{ base: -4, lg: -6 }}
     >
       { (isFrameLoading) && (
@@ -142,7 +142,7 @@ const MarketplaceApp = () => {
   throwOnResourceLoadError(query);
 
   return (
-    <>
+    <Flex flexDirection="column" h="100%">
       <MarketplaceAppTopBar
         data={ data }
         isLoading={ isPending || isSecurityReportsLoading }
@@ -159,7 +159,7 @@ const MarketplaceApp = () => {
       >
         <MarketplaceAppContent address={ address } data={ data } isPending={ isPending }/>
       </DappscoutIframeProvider>
-    </>
+    </Flex>
   );
 };
 

ui/shared/layout/LayoutApp.tsx

@@ -10,23 +10,24 @@ import * as Layout from './components';
 
 const LayoutDefault = ({ children }: Props) => {
   return (
-    <Layout.Container>
+    <Layout.Container overflowY="hidden" height="100vh">
       <Layout.TopRow/>
       <HeaderMobile/>
       <Layout.MainArea>
         <Layout.MainColumn
           paddingTop={{ base: 16, lg: 6 }}
+          paddingBottom={ 0 }
           paddingX={{ base: 4, lg: 6 }}
+          height={{ base: 'calc(100vh - 92px)', sm: 'auto' }}
         >
           <HeaderDesktop isMarketplaceAppPage/>
           <AppErrorBoundary>
-            <Layout.Content pt={{ base: 0, lg: 4 }}>
+            <Layout.Content pt={{ base: 0, lg: 4 }} flexGrow={ 1 }>
               { children }
             </Layout.Content>
           </AppErrorBoundary>
         </Layout.MainColumn>
       </Layout.MainArea>
-      <Layout.Footer/>
     </Layout.Container>
   );
 };

ui/shared/layout/components/Container.tsx

-import { Box } from '@chakra-ui/react';
+import { Box, chakra } from '@chakra-ui/react';
 import React from 'react';
 
 interface Props {
   children: React.ReactNode;
+  className?: string;
 }
 
-const Container = ({ children }: Props) => {
+const Container = ({ children, className }: Props) => {
   return (
-    <Box minWidth={{ base: '100vw', lg: 'fit-content' }}>
+    <Box className={ className } minWidth={{ base: '100vw', lg: 'fit-content' }}>
       { children }
     </Box>
   );
 };
 
-export default React.memo(Container);
+export default React.memo(chakra(Container));