[ADF-4579] Layout - RTL support (#4741)

* single contentAnimation state

* fine tune contentAnimation state based on direction and position

* tets

* fix mock component inputs

* use native direction attribute

* update docs

* pass direction to calculate sidenav layout

* update test

* fix unit test

* remove dialogs directionality workaround

* set document directionality service

* remove context menu direction workaround

* remove unneeded dependencies

* remove direction style workaround

* remove permission icon direction

* remove sidenav layout direction attribute

* update docs

* update sidenav layout direction

* test

* remove document type

* update test dependencies

* clear storage before test

* test

* fix dl gap

* try to fix Uncaught QuotaExceededError

* fix QuotaExceededError

* fix tests

* fix tests

lib/content-services/document-list/components/document-list.component.html

@@ -41,7 +41,7 @@
     <adf-no-permission-template>
         <ng-template>
             <div class="adf-no-permission__template" *ngIf="!customNoPermissionsTemplate">
-                <mat-icon>ic_error</mat-icon>
+                <mat-icon>error</mat-icon>
                 <p class="adf-no-permission__template--text">{{ 'ADF-DOCUMENT-LIST.NO_PERMISSION' | translate }}</p>
             </div>
             <ng-content select="adf-custom-no-permission-template, no-permission-content"></ng-content>

lib/content-services/document-list/components/document-list.component.scss

@@ -41,7 +41,6 @@
             font-size: 52px;
             height: 52px;
             width: 52px;
-            direction: rtl;
         }
 
         &--text {