[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

demo-shell/src/app/components/card-view/card-view.component.html

@@ -1,21 +1,21 @@
-<div class="main-content">
+<div class="adf-main-content">
     <h1>CardView Component</h1>
 
-    <mat-card class="card-view">
+    <mat-card class="adf-card-view">
         <adf-card-view
             [properties]="properties"
             [editable]="true">
         </adf-card-view>
     </mat-card>
 
-    <div class="console" #console>
+    <div class="adf-console" #console>
         <h3>Changes log:</h3>
         <p *ngFor="let log of logs">{{ log }}</p>
     </div>
 
 </div>
 
-<p class="toggle">
+<p class="adf-toggle">
     <mat-slide-toggle
         id="adf-toggle-editable"
         [color]="'primary'"

demo-shell/src/app/components/card-view/card-view.component.scss

@@ -1,13 +1,13 @@
-.main-content {
+.adf-main-content {
     padding: 0 15px;
 }
 
-.card-view {
+.adf-card-view {
     width: 30%;
     display: inline-block;
 }
 
-.console {
+.adf-console {
     width: 60%;
     display: inline-block;
     vertical-align: top;
@@ -25,4 +25,4 @@
         font-family: monospace, monospace;
         margin: 0;
     }
-}
+}