CARCATDEV-13967 add templating for title in sidebar layout (#239)

Author: xkilpoi

projects/material-addons/src/lib/layout/sidebar-layout/sidebar-layout.component.html

@@ -9,9 +9,13 @@
           <button class="back-button" *ngIf="hasBackButton">
             <mat-icon (click)="goToPreviousPage()" color="primary"> arrow_back</mat-icon>
           </button>
-          <h2 class="title">
-            {{ title }}
-          </h2>
+          <ng-container *ngIf="titleTemplate; else textTitle">
+            <ng-container *ngTemplateOutlet="titleTemplate"></ng-container>
+          </ng-container>
+
+          <ng-template #textTitle>
+            <h2 class="title">{{ title }}</h2>
+          </ng-template>
         </div>
         <ng-template [cdkPortalOutlet]="actionGroupPortal"></ng-template>
       </div>

projects/material-addons/src/lib/layout/sidebar-layout/sidebar-layout.component.ts

@@ -14,6 +14,7 @@ import { Router, RouterModule } from '@angular/router';
 export class SidebarLayoutComponent {
   @Input() title: string = '';
   @Input() hasBackButton = true;
+  @Input() titleTemplate: TemplateRef<unknown> | null;
 
   @Input({ required: true }) set sideBarItems(ref: TemplateRef<unknown>) {
     this.sideBarItemsPortal = new TemplatePortal(ref, this._viewContainerRef);