refactor: update imports and type definitions in services

frontend/src/app/feature/deposit/deposit.component.ts

@@ -17,7 +17,7 @@ import {
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { loadStripe, Stripe } from '@stripe/stripe-js';
 import { debounceTime } from 'rxjs';
-import { NgIf } from '@angular/common';
+import { CommonModule } from '@angular/common';
 import gsap from 'gsap';
 import { DepositService } from '@service/deposit.service';
 import { environment } from '@environments/environment';
@@ -26,7 +26,7 @@ import { ModalAnimationService } from '@shared/services/modal-animation.service'
 @Component({
   selector: 'app-deposit',
   standalone: true,
-  imports: [ReactiveFormsModule, NgIf],
+  imports: [ReactiveFormsModule, CommonModule],
   templateUrl: './deposit.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

frontend/src/app/feature/game/blackjack/blackjack.component.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectionStrategy, Component, inject, signal, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Router } from '@angular/router';
+// Importing components used in templates
 import { PlayingCardComponent } from './components/playing-card/playing-card.component';
 import { DealerHandComponent } from './components/dealer-hand/dealer-hand.component';
 import { PlayerHandComponent } from './components/player-hand/player-hand.component';

frontend/src/app/service/auth.service.ts

@@ -158,8 +158,8 @@ export class AuthService {
     }
   }
 
-  private processUserProfile(profile: Record<string, unknown>) {
+  private processUserProfile(profile: unknown) {
-    this.fromUserProfile(profile).subscribe({
+    this.fromUserProfile(profile as Record<string, unknown>).subscribe({
       next: (user) => {
         console.log('User created/retrieved from backend:', user);
         this.user = user;
@@ -225,7 +225,7 @@ export class AuthService {
     return this.oauthService.hasValidAccessToken();
   }
 
-  private fromUserProfile(profile: object) {
+  private fromUserProfile(profile: Record<string, unknown>) {
     return this.userService.getOrCreateUser(profile);
   }
 

frontend/src/app/service/user.service.ts

@@ -47,12 +47,13 @@ export class UserService {
     console.log('Full authentik profile:', profile);
     // Authentik format might differ from Keycloak
     // Check different possible locations for the ID and username
-    const id = profile.info?.sub || profile['sub'];
+    const info = profile['info'] as Record<string, unknown> | undefined;
+    const id = info?.['sub'] as string || profile['sub'] as string;
     const username =
-      profile.info?.preferred_username ||
+      info?.['preferred_username'] as string ||
-      profile['preferred_username'] ||
+      profile['preferred_username'] as string ||
-      profile['email'] ||
+      profile['email'] as string ||
-      profile['name'];
+      profile['name'] as string;
 
     if (!id || !username) {
       console.error('Could not extract user ID or username from profile', profile);