feat: implement tenant branding system and global toast notification service

src/app/app.ts

@@ -3,6 +3,7 @@ import { RouterOutlet } from '@angular/router';
 
 import { TenantService } from './core/services/tenant.service';
 import { DEFAULT_TENANT_BRANDING } from './core/services/tenant-ssr-cache.store';
+import { ToastContainerComponent } from './shared/components/toast-container/toast-container.component';
 
 function hexToRgb(hex: string): string {
   const cleanHex = hex.replace('#', '').trim();
@@ -21,16 +22,18 @@ function hexToRgb(hex: string): string {
 
 @Component({
   selector: 'app-root',
-  imports: [RouterOutlet],
+  imports: [RouterOutlet, ToastContainerComponent],
   templateUrl: './app.html',
   styleUrl: './app.scss',
   host: {
     '[style.--tenant-primary]': 'tenantPrimaryColor()',
     '[style.--tenant-secondary]': 'tenantSecondaryColor()',
     '[style.--tenant-danger]': 'tenantDangerColor()',
+    '[style.--tenant-success]': 'tenantSuccessColor()',
     '[style.--tenant-primary-rgb]': 'tenantPrimaryColorRgb()',
     '[style.--tenant-secondary-rgb]': 'tenantSecondaryColorRgb()',
     '[style.--tenant-danger-rgb]': 'tenantDangerColorRgb()',
+    '[style.--tenant-success-rgb]': 'tenantSuccessColorRgb()',
     '[style.--tenant-header-footer-bg]': 'tenantHeaderFooterBgColor()'
   }
 })
@@ -48,6 +51,9 @@ export class App {
   protected readonly tenantDangerColor = computed(
     () => this.tenantService.tenant()?.danger_color ?? DEFAULT_TENANT_BRANDING.dangerColor
   );
+  protected readonly tenantSuccessColor = computed(
+    () => this.tenantService.tenant()?.success_color ?? DEFAULT_TENANT_BRANDING.successColor
+  );
   protected readonly tenantPrimaryColorRgb = computed(() =>
     hexToRgb(this.tenantPrimaryColor())
   );
@@ -57,6 +63,9 @@ export class App {
   protected readonly tenantDangerColorRgb = computed(() =>
     hexToRgb(this.tenantDangerColor())
   );
+  protected readonly tenantSuccessColorRgb = computed(() =>
+    hexToRgb(this.tenantSuccessColor())
+  );
   protected readonly tenantHeaderFooterBgColor = computed(
     () =>
       this.tenantService.tenant()?.header_footer_bg_color ??