Adjust app content min height

- Add min height calculation to keep footer always at the bottom.
-- Without having the position fixed

core/app/src/app/app.component.html

@@ -1,8 +1,10 @@
-<ng-container *ngIf="(appState$ | async) as appState">
-    <app-full-page-spinner *ngIf="appState.loading"></app-full-page-spinner>
-</ng-container>
-<scrm-navbar-ui></scrm-navbar-ui>
-<scrm-message-ui></scrm-message-ui>
-<div #mainOutlet></div>
-<router-outlet></router-outlet>
+<div class="app-shell">
+    <ng-container *ngIf="(appState$ | async) as appState">
+        <app-full-page-spinner *ngIf="appState.loading"></app-full-page-spinner>
+    </ng-container>
+    <scrm-navbar-ui></scrm-navbar-ui>
+    <scrm-message-ui></scrm-message-ui>
+    <div #mainOutlet></div>
+    <router-outlet></router-outlet>
+</div>
 <scrm-footer-ui></scrm-footer-ui>

core/app/themes/suite8/css/layout/_app.scss

@@ -0,0 +1,3 @@
+.app-shell {
+  min-height: calc(100vh - 3.1em);
+}

core/app/themes/suite8/css/style.scss

@@ -29,9 +29,9 @@
 @import 'components/widget-bar';
 @import 'components/chips';
 @import 'components/grid-widget';
+
 @import 'layout/panel';
-
-
+@import 'layout/app';
 @import 'layout/actionbar';
 @import 'layout/columnchooser';
 @import 'layout/common';