[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.ts

@@ -42,9 +42,11 @@ import { BehaviorSubject, Observable } from 'rxjs';
     host: { class: 'adf-sidenav-layout' }
 })
 export class SidenavLayoutComponent implements OnInit, AfterViewInit, OnDestroy {
-
     static STEP_OVER = 600;
 
+    /** The direction of the layout. 'ltr' or 'rtl' */
+    @Input() direction = 'ltr';
+
     /** The side that the drawer is attached to. Possible values are 'start' and 'end'. */
     @Input() position = 'start';