[ACA-4709] ensure all components have encapsulation set to none (#3271)

* ACA-4709 Added use-none-component-view-encapsulation eslint rule and correct part of components

* ACA-4709 More changes for encapsulation

* ACA-4709 Installed eslint-plugin-eslint-angular dependency

* ACA-4709 Corrected rest places with did not use none encapsulation

* ACA-4709 Exclude process inline templates plugin from spec files

app/src/app/app.component.scss

@@ -1,4 +1,4 @@
-:host {
+app-root {
   display: flex;
   flex: 1;
 

app/src/app/app.components.ts

@@ -22,14 +22,15 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { AppService } from '@alfresco/aca-shared';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+  styleUrls: ['./app.component.scss'],
+  encapsulation: ViewEncapsulation.None
 })
 export class AppComponent {
   onDestroy$: Subject<boolean> = new Subject<boolean>();

app/src/app/components/login/login.component.ts

@@ -23,12 +23,13 @@
  */
 
 import { AppConfigModule, LoginModule } from '@alfresco/adf-core';
-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
   standalone: true,
   imports: [LoginModule, AppConfigModule, TranslateModule],
-  templateUrl: './login.component.html'
+  templateUrl: './login.component.html',
+  encapsulation: ViewEncapsulation.None
 })
 export class LoginComponent {}