[ADF-4227] Sidenav Layout - support direction (#4583)

* basic ui direction service

* direction property

* demo shell integration

* move the direction in up sidenav layout to allow also the header to reorganize
use the configuration editor to change rtl ltr
add documenation

* Update app.component.html

* fix unit tests

* fix overlay viewer e2e

* fix e2e

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

@@ -2,6 +2,17 @@
     $adf-sidenav-max: 300px !default;
 
     .adf-sidenav-layout {
+
+        &-full-space {
+            display: flex;
+            flex-direction: column;
+            flex: 1;
+            height: 100%;
+            overflow: hidden;
+            min-height: 0;
+            width: 100%;
+        }
+
         @include flex-column;
         width: 100%;