Modified the paths

projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss

@@ -3,6 +3,15 @@
 .aca-page-layout {
   @include flex-column;
 
+  .aca-content-container {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    height: 100%;
+    overflow: hidden;
+    min-height: 0;
+  }
+
   .aca-content-header {
     border-left: none;
     border-right: none;

projects/aca-shared/src/lib/components/page-layout/page-layout.component.ts

@@ -24,7 +24,7 @@
  */
 
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ChangeDetectorRef } from '@angular/core';
-import { ContentServiceExtensionService } from '../../../../../aca-content/src/lib/services/content-service-extension.service';
+import { AppService } from '../../services/app.service';
 
 @Component({
   selector: 'aca-page-layout',
@@ -39,18 +39,18 @@ export class PageLayoutComponent {
   hasError = false;
   hideSidenav: boolean;
 
-  constructor(private contentServices: ContentServiceExtensionService, private ref: ChangeDetectorRef) {
+  constructor(private appService: AppService, private ref: ChangeDetectorRef) {
     setInterval(() => {
       this.ref.detectChanges();
     });
   }
 
   ngOnInit() {
-    this.contentServices.cast.subscribe((data) => (this.hideSidenav = data));
+    this.appService.cast.subscribe((data) => (this.hideSidenav = data));
   }
 
   toggleClick() {
     this.hideSidenav = !this.hideSidenav;
-    this.contentServices.push(this.hideSidenav);
+    this.appService.getSidenavValue(this.hideSidenav);
   }
 }

projects/aca-shared/src/lib/services/app.service.ts

@@ -25,7 +25,7 @@
 
 import { Inject, Injectable } from '@angular/core';
 import { AuthenticationService, AppConfigService, AlfrescoApiService, PageTitleService, UserPreferencesService } from '@alfresco/adf-core';
-import { Observable, BehaviorSubject } from 'rxjs';
+import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import { GroupService, SearchQueryBuilderService, SharedLinksApiService, UploadService, FileUploadErrorEvent } from '@alfresco/adf-content-services';
 import { OverlayContainer } from '@angular/cdk/overlay';
 import { ActivatedRoute, ActivationEnd, NavigationStart, Router } from '@angular/router';
@@ -58,10 +58,14 @@ export class AppService {
   private ready: BehaviorSubject<boolean>;
   ready$: Observable<boolean>;
 
+  public hideSidenav = new BehaviorSubject<boolean>(false);
+  cast = this.hideSidenav.asObservable();
+
   pageHeading$: Observable<string>;
 
   hideSidenavConditions = ['/preview/'];
   minimizeSidenavConditions = ['search'];
+  onDestroy$ = new Subject<boolean>();
 
   /**
    * Whether `withCredentials` mode is enabled.
@@ -108,6 +112,11 @@ export class AppService {
     );
   }
 
+  ngOnDestroy(): void {
+    this.onDestroy$.next(true);
+    this.onDestroy$.complete();
+  }
+
   init(): void {
     this.alfrescoApiService.getInstance().on('error', (error: { status: number; response: any }) => {
       if (error.status === 401 && !this.alfrescoApiService.isExcludedErrorListener(error?.response?.req?.url)) {