[ADF-3746] Add style lint rules (#3975)

* add stylelint

* fix style first part

*  fix style second part

*  fix style third part

*  fix style fourth part

* Fix e2e tests first part

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* fix insights

* fix style abotu component

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* [ADF-3746] Rebase branch

* Fix e2e tests second part

* Rebase branch

*  fix style third part

*  fix style fourth part

* Fix list error

* Fix e2e tests second part

* Rebase branch

* Fix list error

* fix new style added

* tslint fix

* [ADF-3746] Fix scss errors on Process Filters Cloud component

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

@@ -43,7 +43,7 @@
             padding: 0;
         }
 
-        .adf-userinfo-name{
+        .adf-userinfo-name {
             padding-right: 8px;
         }
 

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

@@ -2,7 +2,7 @@
     <mat-sidenav
         [position]="position"
         [disableClose]="!isMobileScreenSize"
-        [ngClass]="{ 'sidenav--hidden': hideSidenav }"
+        [ngClass]="{ 'adf-sidenav--hidden': hideSidenav }"
         [@sidenavAnimation]="sidenavAnimationState"
         [opened]="!isMobileScreenSize"
         [mode]="isMobileScreenSize ? 'over' : 'side'">

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

@@ -7,7 +7,7 @@
         width: 100%;
         height: 100%;
         overflow: hidden;
-    }    
+    }
 
     ng-content {
         display: block;
@@ -16,7 +16,7 @@
         overflow: hidden;
     }
 
-    .sidenav--hidden {
+    .adf-sidenav--hidden {
         visibility: hidden !important;
         width: 0 !important;
         transform: unset !important;
@@ -33,12 +33,12 @@
     .mat-sidenav {
         overflow: hidden;
         border-right: 1px solid mat-color($foreground, text, 0.07);
-        background-color: mat-color($background,background);
+        background-color: mat-color($background, background);
     }
 
     mat-sidenav-content.mat-sidenav-content,
     .mat-drawer-transition .mat-drawer-content {
-        margin-left: 0px !important;
+        margin-left: 0 !important;
         transform: unset !important;
         transition-property: unset !important;
         transition-duration: unset !important;

lib/core/layout/components/sidebar-action/sidebar-action-menu.component.scss

@@ -34,7 +34,7 @@
             }
         }
         &-sidebar-action-menu-icon {
-            margin: 18px 0px 0px 20px;
+            margin: 18px 0 0 20px;
             color: mat-color($foreground, text, $adf-sidebar-action-menu-opacity);
             cursor: pointer;
             &:hover {

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

@@ -1,4 +1,4 @@
-<div class="sidenav-layout">
+<div class="adf-sidenav-layout">
     <ng-container *ngIf="!isHeaderInside">
         <ng-container class="adf-sidenav-layout-outer-header"
                       *ngTemplateOutlet="headerTemplate; context:templateContext"></ng-container>
@@ -12,7 +12,7 @@
                           [hideSidenav]="hideSidenav"
                           [expandedSidenav]="expandedSidenav"
                           data-automation-id="adf-layout-container"
-                          class="layout__content">
+                          class="adf-layout__content">
 
         <ng-container app-layout-navigation
                       *ngTemplateOutlet="navigationTemplate; context:templateContext"></ng-container>

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

@@ -2,12 +2,12 @@
     display: flex;
     flex: 1;
 
-    .sidenav-layout {
+    .adf-sidenav-layout {
         width: 100%;
         display: flex;
         flex-direction: column;
 
-        .layout__content {
+        .adf-layout__content {
             flex: 1 1 auto;
         }
     }

lib/core/layout/components/sidenav-layout/sidenav-layout.component.spec.ts

@@ -144,8 +144,8 @@ describe('SidenavLayoutComponent', () => {
 
         describe('adf-sidenav-layout-header', () => {
 
-            const outerHeaderSelector = By.css('.sidenav-layout > #header-test'),
-                innerHeaderSelector = By.css('.sidenav-layout [data-automation-id="adf-layout-container"] #header-test');
+            const outerHeaderSelector = By.css('.adf-sidenav-layout > #header-test'),
+                innerHeaderSelector = By.css('.adf-sidenav-layout [data-automation-id="adf-layout-container"] #header-test');
 
             it('should contain the transcluded header template outside of the layout-container', () => {
                 mediaQueryList.matches = false;