[ADF-4402] Move component related styles from demo-shell to ADF components (#4808)

* [ADF-4402] remove styling of non-existent items

* [ADF-4402] remove not needed style - bcs overwritten by style from core

* [ADF-4559] remove demo-shell only class from core styling

- use class name from core component for styling

* [ADF-4402] remove not used styling code

- .adf-app-layout-toolbar no longer exists, so no need keep its style

* [ADF-4402] move style from demo-shell to core

- same style was needed in ACA, so probably should be best in core ADF

* [ADF-4402] remove not used styling code

* [ADF-4402] move adf-toolbar-title style from demo-shell to core

* [ADF-4402] remove not used styling code

* [ADF-4402] use existing css class

* [ADF-4402] remove style already set from pagination component

* [ADF-4402] remove not used styling code

* [ADF-4402] viewer toolbar width

lib/core/layout/components/header/header.component.scss

@@ -78,7 +78,7 @@
             margin-left: 16px;
         }
 
-        .adf-app-layout-user-profile {
+        .adf-userinfo-container {
             margin-left: 16px;
         }
 
@@ -104,7 +104,7 @@
             margin-right: 16px;
         }
 
-        .adf-app-layout-user-profile {
+        .adf-userinfo-container {
             margin-right: 16px;
         }
 

lib/core/layout/components/layout-container/layout-container.component.scss

@@ -1,11 +1,12 @@
 @mixin adf-layout-container-theme($theme) {
     $background: map-get($theme, background);
     $foreground: map-get($theme, foreground);
+    $adf-layout-container-height: 100% !default;
 
     adf-layout-container {
         display: block;
         width: 100%;
-        height: 100%;
+        height: $adf-layout-container-height;
         overflow: hidden;
     }
 
@@ -51,4 +52,13 @@
         transition-duration: unset !important;
         transition-timing-function: unset !important;
     }
+
+    mat-sidenav-content > div {
+        display: flex;
+        height: $adf-layout-container-height;
+
+        > div {
+            flex: auto;
+        }
+    }
 }