style: format component metadata in app components

frontend/src/app/app.component.ts

@@ -5,11 +5,11 @@ import { KeycloakAngularModule } from 'keycloak-angular';
 import { FooterComponent } from './shared/components/footer/footer.component';
 
 @Component({
-    selector: 'app-root',
+  selector: 'app-root',
-    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,10 +24,10 @@ import { ModalAnimationService } from '../../shared/services/modal-animation.ser
 import gsap from 'gsap';
 
 @Component({
-    selector: 'app-deposit',
+  selector: 'app-deposit',
-    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,10 +8,10 @@ import { ConfirmationComponent } from '../../shared/components/confirmation/conf
 import { ActivatedRoute } from '@angular/router';
 
 @Component({
-    selector: 'app-homepage',
+  selector: 'app-homepage',
-    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,10 +3,10 @@ import { NavbarComponent } from '../../shared/components/navbar/navbar.component
 import { NgFor } from '@angular/common';
 
 @Component({
-    selector: 'app-landing-page',
+  selector: 'app-landing-page',
-    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,11 +4,11 @@ import { KeycloakService } from 'keycloak-angular';
 import { Router } from '@angular/router';
 
 @Component({
-    selector: 'app-login-success',
+  selector: 'app-login-success',
-    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,9 +12,9 @@ import { ModalAnimationService } from '../../services/modal-animation.service';
 import gsap from 'gsap';
 
 @Component({
-    selector: 'app-confirmation',
+  selector: 'app-confirmation',
-    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,10 +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',
-    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,10 +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',
-    imports: [RouterModule, CurrencyPipe],
+  imports: [RouterModule, CurrencyPipe],
-    changeDetection: ChangeDetectionStrategy.OnPush
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NavbarComponent implements OnInit {
   isMenuOpen = false;