[ADF-4601] DemoShell - Side navigation RTL support (#4768)

* rtl support

* fix lint

* Run e2e in case demoshell has been changed

* Skip file

* Skip file

* remove demoshell directive

* refactor side navigation

* remove env.cloud file

* class name selectors

* side navigation selectors

* fix clickMenuButton selector

* nested menu element context

* fix notification navigation selector

demo-shell/src/app/components/cloud/directives/nested-menu-position.directive.ts

@@ -1,43 +0,0 @@
-/*!
- * @license
- * Copyright 2019 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Directive, HostListener, Input } from '@angular/core';
-
-@Directive({
-    selector: '[appNestedMenuPosition]'
-})
-export class NestedMenuPositionDirective {
-
-    @Input()
-    menuMinimized: string;
-
-    nestedMenuLeftPadding: string = '220px';
-
-    @HostListener('click', ['$event'])
-    onClick() {
-
-        const overlayContainer = (document.querySelector('.cdk-overlay-connected-position-bounding-box') as HTMLElement);
-        (document.querySelector('.cdk-overlay-pane') as HTMLElement).style.width = '100%';
-
-        if (!this.menuMinimized) {
-            setTimeout(() => {
-                overlayContainer.style.left = this.nestedMenuLeftPadding;
-            });
-        }
-    }
-
-}