[ACS-3742] Layout changes for workspace (#2980)

* Layout changes for workspace sidemenu

* added header and search layout changes

* implemented review comments and removed process related code

* Added expand and collapse functionality

* Modified the paths

* linting fixes

* use standard material settings icon

* use only specific modules needed for page layout

* use standard "menu" icon for now

* use standard avatar icon for now

* cleanup user profile menu item

* cleanup About component layout

* remove hardcoded settings route

* deprecate "headerImagePath"

* deprecate "headerTextColor" customisation

* deprecate "headerColor" customisation

* proper toggle of the side menu

* proper sidebar header implementation

* user profile basic cleanup

* minor fixes

* cleanup buttons

* remove old app layout and use ADF one

* remove old header component

* cleanup old layout module

* fix unit tests

* cleanup unit tests

* cleanup header actions module

* deprecate unused main-action component

* cleanup styles

* restore removed method

* cleanup search results toolbar

* restore expand menu functionality

* cleanup code, back buttons for about and profile

* restore original code

* proper collapse button

* remove unused i18n key

* styles cleanup

* cleanup sidebar

* cleanup user profile

* add safety checks for focus after close

* layout fixes

* update view profile unit tests

* code cleanup after reviews

* cleanup header actions

* fix menu population, user info

* improved upload and create actions

* remove useless tests

* fix folder rules tests

* search button workaround

* e2e: remove wait

* add create/upload tooltips

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* e2e fix

* try fix e2e

* update e2e extension configs

* try fix e2e

* try fix e2e

* fix eslint config

* try fix e2e

* move search button to extensions

* move upload and create to extensions

* remove header actions as no longer needed

* cleanup

* e2e fixes and cleanup for unwanted files

* linting fixes

* linting fixes

* added button type to support text buttons

* linting fixes

* added more unit tests to achieve code coverage requirement

* fixing code covergae for aca-content

* fixed code coverage for aca-shared

* linting fixes

* linting fixes

* cleanup

* version fix

---------

Co-authored-by: SheenaMalhotra182 <sheena.malhotra@globallogic.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>
Co-authored-by: SheenaMalhotra182 <sheena.malhotra@contractors.onbase.com>

projects/aca-content/src/lib/store/effects/download.effects.ts

@@ -164,7 +164,7 @@ export class DownloadEffects {
 
   private focusAfterClose(focusedElementSelector: string): void {
     if (focusedElementSelector) {
-      document.querySelector<HTMLElement>(focusedElementSelector).focus();
+      document.querySelector<HTMLElement>(focusedElementSelector)?.focus();
     }
   }
 }

projects/aca-content/src/lib/store/effects/search.effects.spec.ts

@@ -28,7 +28,7 @@ import { SearchEffects } from './search.effects';
 import { EffectsModule } from '@ngrx/effects';
 import { Store } from '@ngrx/store';
 import { Router } from '@angular/router';
-import { SearchOptionIds, SearchByTermAction } from '@alfresco/aca-shared/store';
+import { SearchOptionIds, SearchByTermAction, SearchAction } from '@alfresco/aca-shared/store';
 
 describe('SearchEffects', () => {
   let store: Store<any>;
@@ -77,4 +77,15 @@ describe('SearchEffects', () => {
       expect(router.navigateByUrl).toHaveBeenCalledWith('/search;q=%2528test%2529');
     }));
   });
+
+  describe('search$', () => {
+    it('should navigate to search when the toolbar search icon is clicked', fakeAsync(() => {
+      const routerNavigate = spyOn(router, 'navigate');
+      store.dispatch(new SearchAction());
+
+      tick();
+
+      expect(routerNavigate).toHaveBeenCalledWith(['/search']);
+    }));
+  });
 });

projects/aca-content/src/lib/store/effects/search.effects.ts

@@ -25,12 +25,24 @@
 import { Actions, ofType, createEffect } from '@ngrx/effects';
 import { Injectable } from '@angular/core';
 import { map } from 'rxjs/operators';
-import { SearchActionTypes, SearchByTermAction, SearchOptionIds } from '@alfresco/aca-shared/store';
+import { SearchAction, SearchActionTypes, SearchByTermAction, SearchOptionIds } from '@alfresco/aca-shared/store';
 import { Router } from '@angular/router';
+import { SearchNavigationService } from '../../components/search/search-navigation.service';
 
 @Injectable()
 export class SearchEffects {
-  constructor(private actions$: Actions, private router: Router) {}
+  constructor(private actions$: Actions, private router: Router, private searchNavigationService: SearchNavigationService) {}
+
+  search$ = createEffect(
+    () =>
+      this.actions$.pipe(
+        ofType<SearchAction>(SearchActionTypes.Search),
+        map(() => {
+          this.searchNavigationService.navigateToSearch();
+        })
+      ),
+    { dispatch: false }
+  );
 
   searchByTerm$ = createEffect(
     () =>