Added pages to see, create, modify & delete redeemable actions. User card top right with disconnect & log out. Code clean up.

src/app/navigation/navigation.component.html

@@ -1,5 +1,5 @@
 <nav>
-  <impersonation />
+  <user-card class="card" />
   <ul>
     <li>
       <a routerLink="/login" routerLinkActive="active" *ngIf="!isLoggedIn()">

src/app/navigation/navigation.component.scss

@@ -4,7 +4,6 @@ $primary_font_color: #111111;
 $secondary_background_color: #DDDDDD;
 $secondary_font_color: #333333;
 
-
 ul {
     padding: 0;
 }

src/app/navigation/navigation.component.ts

@@ -5,12 +5,12 @@ import { HermesClientService } from '../hermes-client.service';
 import { ApiAuthenticationService } from '../shared/services/api/api-authentication.service';
 import { MatCardModule } from '@angular/material/card';
 import { AuthModule } from '../auth/auth.module';
-import { ImpersonationComponent } from "../auth/impersonation/impersonation.component";
+import { UserCardComponent } from "../auth/user-card/user-card.component";
 
 @Component({
   selector: 'navigation',
   standalone: true,
-  imports: [CommonModule, RouterModule, MatCardModule, AuthModule, ImpersonationComponent],
+  imports: [CommonModule, RouterModule, MatCardModule, AuthModule, UserCardComponent],
   templateUrl: './navigation.component.html',
   styleUrl: './navigation.component.scss'
 })