fix(ui): do not add extra spacing to every ant row. Closes #3031 (#3033)

web/components/layouts/Main/Main.module.scss

@@ -4,13 +4,11 @@
   // this margin is for fixed header
   padding-top: var(--header-height);
   background-color: var(--theme-color-main-background);
-	min-height: 100vh;
-	position: relative;
+  min-height: 100vh;
+  position: relative;
 
-	// add some spacing between the last row of content and the footer
-	:global(.ant-row) {
-		&:last-of-type {
-			margin-bottom: 5em;
-		}
-	}
+  // add some spacing between the last row of content and the footer
+  .footerContainer {
+    margin-top: 5em;
+  }
 }

web/components/layouts/Main/Main.tsx

@@ -171,7 +171,11 @@ export const Main: FC = () => {
           <FatalErrorStateModal title={fatalError.title} message={fatalError.message} />
         )}
 
-        {(!isMobile || !online) && <Footer dynamicPaddingValue={dynamicFooterPadding} />}
+        {(!isMobile || !online) && (
+          <div className={styles.footerContainer}>
+            <Footer dynamicPaddingValue={dynamicFooterPadding} />
+          </div>
+        )}
       </Layout>
       <Noscript />
     </>