style: fix formatting and add missing commas in code

frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.html

@@ -34,7 +34,7 @@
               [disabled]="!hasEnoughBalance()"
               [ngClass]="{
                 'button-primary': hasEnoughBalance(),
-                'bg-gray-500 cursor-not-allowed': !hasEnoughBalance()
+                'bg-gray-500 cursor-not-allowed': !hasEnoughBalance(),
               }"
               class="w-full py-3 text-lg font-semibold rounded"
             >
@@ -96,7 +96,7 @@
                 [disabled]="!animationCompleted || !hasEnoughBalance()"
                 [ngClass]="{
                   'button-primary': hasEnoughBalance(),
-                  'bg-gray-500 cursor-not-allowed': !hasEnoughBalance()
+                  'bg-gray-500 cursor-not-allowed': !hasEnoughBalance(),
                 }"
                 class="px-6 py-2 font-semibold rounded"
                 [attr.aria-hidden]="!animationCompleted"

frontend/src/app/feature/lootboxes/lootbox-opening/lootbox-opening.component.ts

@@ -33,7 +33,7 @@ export default class LootboxOpeningComponent {
     private cdr: ChangeDetectorRef
   ) {
     this.loadLootbox();
-    this.userService.currentUser$.subscribe(user => {
+    this.userService.currentUser$.subscribe((user) => {
       this.currentUser = user;
       this.cdr.detectChanges();
     });

frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.html

@@ -47,7 +47,7 @@
             [disabled]="!hasEnoughBalance(lootbox.price)"
             [ngClass]="{
               'button-primary': hasEnoughBalance(lootbox.price),
-              'bg-gray-500 cursor-not-allowed': !hasEnoughBalance(lootbox.price)
+              'bg-gray-500 cursor-not-allowed': !hasEnoughBalance(lootbox.price),
             }"
             class="w-full py-2 rounded font-semibold"
           >

frontend/src/app/feature/lootboxes/lootbox-selection/lootbox-selection.component.ts

@@ -95,7 +95,7 @@ export default class LootboxSelectionComponent implements OnInit {
 
   ngOnInit(): void {
     this.loadLootboxes();
-    this.userService.currentUser$.subscribe(user => {
+    this.userService.currentUser$.subscribe((user) => {
       this.currentUser = user;
       this.cdr.detectChanges();
     });
@@ -128,7 +128,7 @@ export default class LootboxSelectionComponent implements OnInit {
   }
 
   openLootbox(lootboxId: number): void {
-    const lootbox = this.lootboxes.find(box => box.id === lootboxId);
+    const lootbox = this.lootboxes.find((box) => box.id === lootboxId);
 
     if (!lootbox) {
       return;

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

@@ -38,7 +38,7 @@ export class UserService {
     if (currentUser) {
       const updatedUser = {
         ...currentUser,
-        balance: currentUser.balance + amount 
+        balance: currentUser.balance + amount,
       };
       this.currentUserSubject.next(updatedUser);
     }