Fix main height when system messages are shown (#22988)

GitOrigin-RevId: 0b5c6d22f61788475fc2c8595fd34e927a9f2303

services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss

@@ -16,6 +16,8 @@ $editor-toggler-bg-dark-color: color.adjust(
 }
 
 #ide-root {
+  display: flex;
+  flex-direction: column;
   height: 100vh; /* for backwards compatibility */
   height: 100dvh; /* needed for mobile devices */
 
@@ -71,7 +73,7 @@ $editor-toggler-bg-dark-color: color.adjust(
 }
 
 .ide-react-main {
-  height: 100%;
+  flex: 1;
   display: flex;
   flex-direction: column;