refactor: update import paths for better readability

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

@@ -16,12 +16,12 @@ import {
 } from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { loadStripe, Stripe } from '@stripe/stripe-js';
-import { DepositService } from '../../service/deposit.service';
 import { debounceTime } from 'rxjs';
-import { environment } from '../../../environments/environment';
 import { NgIf } from '@angular/common';
-import { ModalAnimationService } from '../../shared/services/modal-animation.service';
 import gsap from 'gsap';
+import { DepositService } from '@service/deposit.service';
+import { environment } from '@environments/environment';
+import { ModalAnimationService } from '@shared/services/modal-animation.service';
 
 @Component({
   selector: 'app-deposit',

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

@@ -1,8 +1,6 @@
 import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { NavbarComponent } from '../../../shared/components/navbar/navbar.component';
 import { Router } from '@angular/router';
-import { UserService } from '../../../service/user.service';
 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';
@@ -12,6 +10,8 @@ import { Card, BlackjackGame } from './models/blackjack.model';
 import { BlackjackService } from './services/blackjack.service';
 import { HttpErrorResponse } from '@angular/common/http';
 import { GameResultComponent } from './components/game-result/game-result.component';
+import { NavbarComponent } from '@shared/components/navbar/navbar.component';
+import { UserService } from '@service/user.service';
 
 @Component({
   selector: 'app-blackjack',

frontend/src/app/feature/game/blackjack/components/dealer-hand/dealer-hand.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { Card } from '@blackjack/models/blackjack.model';
 import { PlayingCardComponent } from '../playing-card/playing-card.component';
-import { Card } from '../../models/blackjack.model';
 
 @Component({
   selector: 'app-dealer-hand',

frontend/src/app/feature/game/blackjack/components/game-controls/game-controls.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { Card } from '../../models/blackjack.model';
+import { Card } from '@blackjack/models/blackjack.model';
 
 @Component({
   selector: 'app-game-controls',

frontend/src/app/feature/game/blackjack/components/player-hand/player-hand.component.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { PlayingCardComponent } from '../playing-card/playing-card.component';
-import { Card } from '../../models/blackjack.model';
+import { Card } from '@blackjack/models/blackjack.model';
 
 @Component({
   selector: 'app-player-hand',

frontend/src/app/feature/game/blackjack/components/playing-card/playing-card.component.ts

@@ -8,8 +8,8 @@ import {
   SimpleChanges,
 } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { suitSymbols, Suit } from '../../models/blackjack.model';
 import { gsap } from 'gsap';
+import { Suit, suitSymbols } from '@blackjack/models/blackjack.model';
 
 @Component({
   selector: 'app-playing-card',
@@ -58,7 +58,7 @@ export class PlayingCardComponent implements AfterViewInit, OnChanges {
   @Input({ required: true }) hidden!: boolean;
   @Input() isNew = false;
 
-  constructor(private elementRef: ElementRef) {}
+  constructor(private elementRef: ElementRef) { }
 
   get isRedSuit(): boolean {
     return this.suit === 'HEARTS' || this.suit === 'DIAMONDS';

frontend/src/app/feature/game/blackjack/services/blackjack.service.ts

@@ -1,7 +1,7 @@
 import { Injectable, inject } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable, catchError } from 'rxjs';
-import { BlackjackGame } from '../models/blackjack.model';
+import { BlackjackGame } from '@blackjack/models/blackjack.model';
 
 @Injectable({
   providedIn: 'root',

frontend/tsconfig.json

@@ -3,6 +3,13 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "baseUrl": "./src",
+    "paths": {
+      "@service/*": ["app/service/*"]
+      "@environments/*": ["environments/*"]
+      "@shared/*": ["app/shared/*"]
+      "@blackjack/*": ["app/feature/game/blackjack/*"]
+    },
     "outDir": "./dist/out-tsc",
     "strict": true,
     "noImplicitOverride": true,