style: fix formatting and add missing commas in code

frontend/src/app/app.component.ts

@@ -21,7 +21,7 @@ import { SoundInitializerService } from './shared/services/sound-initializer.ser
     PlaySoundDirective,
   ],
   templateUrl: './app.component.html',
-  hostDirectives: [PlaySoundDirective]
+  hostDirectives: [PlaySoundDirective],
 })
 export class AppComponent {
   private soundInitializer = inject(SoundInitializerService);

frontend/src/app/shared/directives/play-sound.directive.ts

@@ -3,7 +3,7 @@ import { AudioService } from '../services/audio.service';
 
 @Directive({
   selector: '[appPlaySound]',
-  standalone: true
+  standalone: true,
 })
 export class PlaySoundDirective {
   private audioService = inject(AudioService);

frontend/src/app/shared/services/audio.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class AudioService {
   private audioCache = new Map<string, HTMLAudioElement>();
@@ -18,12 +18,12 @@ export class AudioService {
   playBetSound(): void {
     const audio = this.getAudio('bet.mp3');
     audio.currentTime = 0;
-    audio.play().catch(error => console.error('Error playing bet sound:', error));
+    audio.play().catch((error) => console.error('Error playing bet sound:', error));
   }
 
   playWinSound(): void {
     const audio = this.getAudio('win.mp3');
     audio.currentTime = 0;
-    audio.play().catch(error => console.error('Error playing win sound:', error));
+    audio.play().catch((error) => console.error('Error playing win sound:', error));
   }
 }

frontend/src/app/shared/services/sound-initializer.service.ts

@@ -1,7 +1,7 @@
 import { Injectable, Renderer2, RendererFactory2 } from '@angular/core';
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class SoundInitializerService {
   private renderer: Renderer2;
@@ -22,7 +22,7 @@ export class SoundInitializerService {
   }
 
   initialize() {
-    document.querySelectorAll('button, a').forEach(element => {
+    document.querySelectorAll('button, a').forEach((element) => {
       if (!element.hasAttribute('appPlaySound')) {
         this.renderer.setAttribute(element, 'appPlaySound', '');
       }
@@ -30,16 +30,19 @@ export class SoundInitializerService {
 
     this.observer.observe(document.body, {
       childList: true,
-      subtree: true
+      subtree: true,
     });
   }
 
   private processElement(element: HTMLElement) {
-    if ((element.tagName === 'BUTTON' || element.tagName === 'A') && !element.hasAttribute('appPlaySound')) {
+    if (
+      (element.tagName === 'BUTTON' || element.tagName === 'A') &&
+      !element.hasAttribute('appPlaySound')
+    ) {
       this.renderer.setAttribute(element, 'appPlaySound', '');
     }
 
-    element.querySelectorAll('button, a').forEach(child => {
+    element.querySelectorAll('button, a').forEach((child) => {
       if (!child.hasAttribute('appPlaySound')) {
         this.renderer.setAttribute(child, 'appPlaySound', '');
       }

frontend/src/styles.css

@@ -175,14 +175,17 @@ a {
   @apply bg-deep-blue-light/50 hover:bg-deep-blue-light w-full py-2.5 my-2 border border-deep-blue-light/30 hover:border-deep-blue-light/50;
 }
 
-button, a {
+button,
+a {
   -webkit-tap-highlight-color: transparent;
 }
 
-button[appPlaySound], a[appPlaySound] {
+button[appPlaySound],
+a[appPlaySound] {
   cursor: pointer;
 }
 
-button:not([appPlaySound]), a:not([appPlaySound]) {
+button:not([appPlaySound]),
+a:not([appPlaySound]) {
   --add-sound-directive: true;
 }