refactor: remove reliance on viewport height in favor of body (#1926)

packages/web/src/stylesheets/_main.scss

@@ -121,7 +121,7 @@ p {
 html,
 body,
 .main-ui-view {
-  height: max-content;
+  height: 100%;
   min-height: 0;
   max-height: none;
 
@@ -139,8 +139,6 @@ body,
   background-color: var(--editor-header-bar-background-color);
 }
 
-$footer-height: 2rem;
-
 #resizer-overlay {
   position: absolute;
   width: 100%;
@@ -157,10 +155,6 @@ $footer-height: 2rem;
   vertical-align: top;
   width: 100%;
 
-  @media screen and (min-width: 768px) {
-    height: calc(var(--viewport-height, 100vh) - #{$footer-height});
-  }
-
   .section {
     position: relative;
     overflow: hidden;

packages/web/src/stylesheets/_modals.scss

@@ -45,7 +45,7 @@
   bottom: 0;
   z-index: var(--z-index-modal);
   width: 100%;
-  height: var(--viewport-height, 100vh);
+  height: 100vh;
 
   padding-left: 1rem;
   padding-right: 1rem;