Issue/146 updated banner routename

src/app/shared/components/df-manage-table/df-manage-table.component.ts

@@ -211,7 +211,7 @@ export abstract class DfManageTableComponent<T>
   }
 
   viewRow(row: T): void {
-    this.router.navigate([(row as any).id], {
+    this.router.navigate([`${(row as any).id}-${(row as any).name}`], {
       relativeTo: this._activatedRoute,
     });
   }

src/app/shared/components/df-side-nav/df-side-nav.component.scss

@@ -30,15 +30,15 @@ $red-palette: mat.define-palette(mat.$red-palette);
   color: var(--mat-expansion-container-text-color);
   cursor: pointer;
   display: flex;
-    align-items: center;
+  align-items: center;
 
-    span {
-      margin-left: 6px;
-    }
+  span {
+    margin-left: 6px;
+  }
 }
 
 .profile-icon {
-  color:  #0f0761;
+  color: #0f0761;
 }
 
 .sidenav-container {

src/app/shared/components/df-side-nav/df-side-nav.component.ts

@@ -32,6 +32,7 @@ import { of, switchMap } from 'rxjs';
 import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { DfSearchDialogComponent } from '../df-search-dialog/df-search-dialog.component';
 import { UntilDestroy } from '@ngneat/until-destroy';
+
 @UntilDestroy({ checkProperties: true })
 @Component({
   selector: 'df-side-nav',

src/app/shared/utilities/route.ts

@@ -160,7 +160,9 @@ export function generateBreadcrumb(
           const translationKey = [...translationKeySoFar, translationKeySegment]
             .join('.')
             .replace(/\//g, '.');
-          const breadcrumb: Breadcrumb = { label: currentSegment };
+          const parts = currentSegment.split('-');
+          const requiredText = parts[parts.length - 1];
+          const breadcrumb: Breadcrumb = { label: requiredText };
 
           if (index !== urlSegments.length - 1) {
             breadcrumb.path = newPath.join('/');