frontend/package.json

@@ -13,15 +13,15 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^18.2.0",
+    "@angular/animations": "^19.2.2",
     "@angular/cdk": "~18.2.14",
-    "@angular/common": "^18.2.0",
+    "@angular/common": "^19.2.2",
-    "@angular/compiler": "^18.2.0",
+    "@angular/compiler": "^19.2.2",
-    "@angular/core": "^18.2.0",
+    "@angular/core": "^19.2.2",
-    "@angular/forms": "^18.2.0",
+    "@angular/forms": "^19.2.2",
-    "@angular/platform-browser": "^18.2.0",
+    "@angular/platform-browser": "^19.2.2",
-    "@angular/platform-browser-dynamic": "^18.2.0",
+    "@angular/platform-browser-dynamic": "^19.2.2",
-    "@angular/router": "^18.2.0",
+    "@angular/router": "^19.2.2",
     "@fortawesome/angular-fontawesome": "^1.0.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
@@ -37,9 +37,9 @@
     "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.2",
+    "@angular-devkit/build-angular": "^19.2.2",
-    "@angular/cli": "^18.2.2",
+    "@angular/cli": "^19.2.2",
-    "@angular/compiler-cli": "^18.2.0",
+    "@angular/compiler-cli": "^19.2.2",
     "@types/jasmine": "~5.1.0",
     "angular-eslint": "19.1.0",
     "eslint": "^9.20.0",

frontend/src/app/app.component.ts

@@ -5,12 +5,11 @@ import { KeycloakAngularModule } from 'keycloak-angular';
 import { FooterComponent } from './shared/components/footer/footer.component';
 
 @Component({
-  selector: 'app-root',
+    selector: 'app-root',
-  standalone: true,
+    imports: [CommonModule, RouterOutlet, KeycloakAngularModule, FooterComponent],
-  imports: [CommonModule, RouterOutlet, KeycloakAngularModule, FooterComponent],
+    providers: [],
-  providers: [],
+    templateUrl: './app.component.html',
-  templateUrl: './app.component.html',
+    styleUrl: './app.component.css',
-  styleUrl: './app.component.css',
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AppComponent {}

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

@@ -24,11 +24,10 @@ import { ModalAnimationService } from '../../shared/services/modal-animation.ser
 import gsap from 'gsap';
 
 @Component({
-  selector: 'app-deposit',
+    selector: 'app-deposit',
-  standalone: true,
+    imports: [ReactiveFormsModule, NgIf],
-  imports: [ReactiveFormsModule, NgIf],
+    templateUrl: './deposit.component.html',
-  templateUrl: './deposit.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DepositComponent implements OnInit, AfterViewInit, OnDestroy, OnChanges {
   @Input() isOpen = false;

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

@@ -8,11 +8,10 @@ import { ConfirmationComponent } from '../../shared/components/confirmation/conf
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
-  selector: 'app-homepage',
+    selector: 'app-homepage',
-  standalone: true,
+    imports: [NavbarComponent, CurrencyPipe, NgFor, DepositComponent, ConfirmationComponent],
-  imports: [NavbarComponent, CurrencyPipe, NgFor, DepositComponent, ConfirmationComponent],
+    templateUrl: './home.component.html',
-  templateUrl: './home.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export default class HomeComponent implements OnInit {
   isDepositModalOpen = false;

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

@@ -3,11 +3,10 @@ import { NavbarComponent } from '../../shared/components/navbar/navbar.component
 import { NgFor } from '@angular/common';
 
 @Component({
-  selector: 'app-landing-page',
+    selector: 'app-landing-page',
-  standalone: true,
+    imports: [NavbarComponent, NgFor],
-  imports: [NavbarComponent, NgFor],
+    templateUrl: './landing.component.html',
-  templateUrl: './landing.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class LandingComponent implements OnInit, OnDestroy {
   currentSlide = 0;

frontend/src/app/feature/login-success/login-success.component.ts

@@ -4,12 +4,11 @@ import { KeycloakService } from 'keycloak-angular';
 import { Router } from '@angular/router';
 
 @Component({
-  selector: 'app-login-success',
+    selector: 'app-login-success',
-  standalone: true,
+    imports: [],
-  imports: [],
+    templateUrl: './login-success.component.html',
-  templateUrl: './login-success.component.html',
+    styleUrl: './login-success.component.css',
-  styleUrl: './login-success.component.css',
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export default class LoginSuccessComponent implements OnInit {
   private userService: UserService = inject(UserService);

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

@@ -12,10 +12,9 @@ import { ModalAnimationService } from '../../services/modal-animation.service';
 import gsap from 'gsap';
 
 @Component({
-  selector: 'app-confirmation',
+    selector: 'app-confirmation',
-  standalone: true,
+    imports: [],
-  imports: [],
+    templateUrl: './confirmation.component.html'
-  templateUrl: './confirmation.component.html',
 })
 export class ConfirmationComponent implements AfterViewInit, OnDestroy {
   @Input() successful = true;

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

@@ -4,11 +4,10 @@ import { faMoneyBillTransfer, faCreditCard, faWallet } from '@fortawesome/free-s
 import { faPaypal, faGooglePay, faApplePay } from '@fortawesome/free-brands-svg-icons';
 
 @Component({
-  selector: 'app-footer',
+    selector: 'app-footer',
-  standalone: true,
+    templateUrl: './footer.component.html',
-  templateUrl: './footer.component.html',
+    imports: [FontAwesomeModule],
-  imports: [FontAwesomeModule],
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FooterComponent {
   currentYear: number = new Date().getFullYear();

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

@@ -5,11 +5,10 @@ import { UserService } from '../../../service/user.service';
 
 import { CurrencyPipe } from '@angular/common';
 @Component({
-  selector: 'app-navbar',
+    selector: 'app-navbar',
-  templateUrl: './navbar.component.html',
+    templateUrl: './navbar.component.html',
-  standalone: true,
+    imports: [RouterModule, CurrencyPipe],
-  imports: [RouterModule, CurrencyPipe],
+    changeDetection: ChangeDetectionStrategy.OnPush
-  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NavbarComponent implements OnInit {
   isMenuOpen = false;