[dashboard] display username

src/app/dashboard/dashboard.component.html

@@ -74,7 +74,7 @@
           </svg>
         -->
         <img id="site-logo" src="https://cdn.swopt.com/fis/image/fis-logo.webp" alt="FIS"/>
-        <h1>{{'welcome'|tr:'Welcome'}}</h1>
+        <h1>{{'welcome'|tr:'Welcome'}} @if (username()) {,<br/>{{username()}}}</h1>
       </div>
       <div class="divider" role="separator" aria-label="Divider"></div>
       <div class="right-side">

src/app/dashboard/dashboard.component.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, computed, OnInit, Signal } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { BaseComponent, untilDestroy } from 'angularlib/base.component';
 import { LoginModule } from 'angularlib/login';
@@ -26,6 +26,11 @@ import masterMenu from '../master.menu.json';
 })
 export class DashboardComponent extends BaseComponent implements OnInit{
   protected masterMenu = masterMenu;
+  protected username: Signal<string> = computed(() => {
+    const GIVEN_NAME = this.loginService?.userSignal()?.name?.givenName;
+    const FIS_NAME = this.loginService?.userSignal()?.fisInfo?.name;
+    return GIVEN_NAME || FIS_NAME;
+  });
   
   constructor(
     protected store: Store,
@@ -37,7 +42,6 @@ export class DashboardComponent extends BaseComponent implements OnInit{
 
   ngOnInit(): void {
       super.ngOnInit();
-      
   }
 
 }