style: remove unnecessary comments from HTML files

frontend/src/app/app.component.html

@@ -5,7 +5,7 @@
   </main>
   <app-footer></app-footer>
 
-  <!-- Auth Forms Overlay -->
+   Auth Forms Overlay -->
   @if (showLogin() || showRegister()) {
     <div
       class="fixed inset-0 bg-black/50 z-40"

frontend/src/app/feature/auth/login/login.component.html

@@ -1,6 +1,5 @@
 <div class="min-h-screen bg-deep-blue flex items-center justify-center">
   <div class="modal-card max-w-md w-full bg-deep-blue rounded-lg shadow-xl p-6 relative">
-    <!-- Close Button -->
     <button
       (click)="closeDialog.emit()"
       class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"

frontend/src/app/feature/auth/register/register.component.html

@@ -1,6 +1,5 @@
 <div class="min-h-screen bg-deep-blue flex items-center justify-center">
   <div class="modal-card max-w-md w-full bg-deep-blue rounded-lg shadow-xl p-6 relative">
-    <!-- Close Button -->
     <button
       (click)="closeDialog.emit()"
       class="absolute top-4 right-4 text-text-secondary hover:text-white transition-colors"

frontend/src/app/feature/game/slots/slots.component.html

@@ -2,13 +2,10 @@
   <h1 class="text-3xl font-bold text-white mb-6">Spielautomaten</h1>
 
   <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
-    <!-- Slot Machine Display -->
     <div class="lg:col-span-3 space-y-6 flex flex-col">
       <div class="card">
-        <!-- Slot Machine Top -->
         <div class="p-6">
           <div class="flex items-center justify-between gap-4">
-            <!-- Wrapper for title and win amount -->
             <div class="flex items-baseline space-x-2">
               <h2 class="text-xl font-bold text-white">Slot Machine</h2>
               <span
@@ -20,7 +17,6 @@
               </span>
             </div>
 
-            <!-- Status Badge -->
             <div
               [ngClass]="{
                 'bg-emerald': slotResult().status === 'win',
@@ -42,7 +38,6 @@
           </div>
         </div>
 
-        <!-- Slot Display -->
         <div class="p-6">
           <div class="bg-deep-blue-light rounded-lg p-4 shadow-inner mb-6">
             <div class="grid grid-cols-3 gap-3">
@@ -60,9 +55,6 @@
             </div>
           </div>
 
-          <!-- Game Result (This section was removed as it's now at the top) -->
-
-          <!-- Controls -->
           <div class="flex flex-col sm:flex-row gap-4 items-center justify-center">
             <div class="flex items-center bg-deep-blue-light rounded-lg p-2 flex-1">
               <label for="betAmount" class="text-text-secondary mr-3">Einsatz:</label>
@@ -98,7 +90,6 @@
       </div>
     </div>
 
-    <!-- Game Info Panel -->
     <div class="lg:col-span-1">
       <div class="card p-4">
         <h3 class="section-heading text-xl mb-4">Spiel Informationen</h3>

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

@@ -182,7 +182,6 @@
     </div>
   </div>
 
-  <!-- Auth Forms Overlay -->
   @if (showLogin() || showRegister()) {
     <div
       class="fixed inset-0 bg-black/50 z-40"