feat(navbar): add current user balance display in navbar

frontend/src/app/shared/components/navbar/navbar.component.ts

@@ -1,18 +1,31 @@
 import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { KeycloakService } from 'keycloak-angular';
+import { UserService } from '../../../service/user.service';
+import { firstValueFrom } from 'rxjs';
+import { CurrencyPipe } from '@angular/common';
 
 @Component({
   selector: 'app-navbar',
   templateUrl: './navbar.component.html',
   standalone: true,
-  imports: [RouterModule],
+  imports: [RouterModule, CurrencyPipe],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NavbarComponent {
   isMenuOpen = false;
   private keycloakService: KeycloakService = inject(KeycloakService);
   isLoggedIn = this.keycloakService.isLoggedIn();
+  private userService = inject(UserService);
+  private user = this.userService.getCurrentUser();
+  balance = 0;
+
+
+  async ngOnInit() {
+    const user = await firstValueFrom(this.user);
+    this.balance = user?.balance ?? 0;
+  }
+
 
   login() {
     try {