style: fixed prettier and hopefully eslint

frontend/src/app/app.config.ts

@@ -54,6 +54,6 @@ export const appConfig: ApplicationConfig = {
       useClass: KeycloakBearerInterceptor,
       multi: true,
     },
-    provideAnimationsAsync(), provideAnimationsAsync(),
+    provideAnimationsAsync(),
   ],
 };

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

@@ -1,9 +1,6 @@
-<ng-container
+<ng-container *ngIf="isOpen">
-  *ngIf="isOpen"
->
   <div class="fixed inset-0 bg-black/70 z-50" (click)="closeModal()">
     <div
-      *ngIf="isOpen"
       class="card p-4 fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-lg shadow-lg z-50 min-w-[300px]"
     >
       <h2 class="text-xl section-heading">Guthaben aufladen</h2>
@@ -22,7 +19,10 @@
         </div>
       </form>
       <div class="my-1">
-        <button (click)="closeModal()" class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded my-2">
+        <button
+          (click)="closeModal()"
+          class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded my-2"
+        >
           Abbrechen
         </button>
         <button (click)="submit()" class="button-base w-full py-2">Einzahlen</button>
@@ -30,4 +30,3 @@
     </div>
   </div>
 </ng-container>
-

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

@@ -1,4 +1,12 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, inject, Input, OnInit, Output} from '@angular/core';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  EventEmitter,
+  inject,
+  Input,
+  OnInit,
+  Output,
+} from '@angular/core';
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { loadStripe, Stripe } from '@stripe/stripe-js';
 import { DepositService } from '../../service/deposit.service';
@@ -9,10 +17,7 @@ import { NgIf } from '@angular/common';
 @Component({
   selector: 'app-deposit',
   standalone: true,
-  imports: [
+  imports: [ReactiveFormsModule, NgIf],
-    ReactiveFormsModule,
-    NgIf,
-  ],
   templateUrl: './deposit.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })

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

@@ -22,7 +22,7 @@
         <div class="slider-grid">
           <div class="card group" *ngFor="let game of featuredGames">
             <div class="relative">
-              <img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover"/>
+              <img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover" />
               <div
                 class="absolute inset-0 bg-gradient-to-t from-deep-blue/90 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"
               >
@@ -41,7 +41,7 @@
         <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4">
           <div class="card group" *ngFor="let game of allGames">
             <div class="relative">
-              <img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover"/>
+              <img [src]="game.image" [alt]="game.name" class="w-full aspect-[4/3] object-cover" />
               <div
                 class="absolute inset-0 bg-gradient-to-t from-deep-blue/90 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300"
               >
@@ -56,14 +56,11 @@
       </div>
     </div>
 
-
     <div class="lg:col-span-1 space-y-6">
       <div class="card p-4">
         <h3 class="section-heading text-xl mb-4">Konto</h3>
         <div class="space-y-4">
-          <button class="button-base w-full py-2" (click)="openDepositModal()">
+          <button class="button-base w-full py-2" (click)="openDepositModal()">Einzahlen</button>
-            Einzahlen
-          </button>
           <button class="bg-deep-blue-light hover:bg-deep-blue-contrast w-full py-2 rounded">
             Transaktionen
           </button>
@@ -73,7 +70,7 @@
         </div>
       </div>
 
-    <app-deposit [isOpen]="isDepositModalOpen" (close)="closeDepositModal()"></app-deposit>
+      <app-deposit [isOpen]="isDepositModalOpen" (close)="closeDepositModal()"></app-deposit>
 
       <div class="card p-4">
         <h3 class="section-heading text-xl mb-4">Letzte Transaktionen</h3>

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

@@ -1,9 +1,9 @@
-import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { NavbarComponent } from '../../shared/components/navbar/navbar.component';
 import { CurrencyPipe, NgFor } from '@angular/common';
 import { Game } from '../../model/Game';
 import { Transaction } from '../../model/Transaction';
-import {DepositComponent} from "../deposit/deposit.component";
+import { DepositComponent } from '../deposit/deposit.component';
 
 @Component({
   selector: 'app-homepage',
@@ -71,10 +71,10 @@ export default class HomeComponent {
     },
   ];
 
-  openDepositModal(){
+  openDepositModal() {
     this.isDepositModalOpen = true;
   }
-  closeDepositModal(){
+  closeDepositModal() {
     this.isDepositModalOpen = false;
   }
 }

frontend/src/index.html

@@ -6,9 +6,12 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-      <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
+    <link
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap"
-</head>
+      rel="stylesheet"
+    />
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+  </head>
   <body class="mat-typography">
     <app-root></app-root>
   </body>

frontend/src/styles.css

@@ -146,5 +146,11 @@ a {
   --mdc-dialog-container-shape: 6px important;
 }
 
-html, body { height: 100%; }
+html,
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
+body {
+  height: 100%;
+}
+body {
+  margin: 0;
+  font-family: Roboto, 'Helvetica Neue', sans-serif;
+}