added images for the games

docker/docker-compose.yml

@@ -1,3 +1,5 @@
+version: '3'
+
 volumes:
   keycloak_data:
   postgres_data_keycloak_db:

frontend/src/app/shared/components/navbar/navbar.component.html

@@ -6,16 +6,16 @@
           <span>Trustworthy Casino</span>
         </a>
         <div class="hidden md:flex items-center space-x-1">
-          <a routerLink="/games" class="nav-link">Spiele</a>
+          <a routerLink="/games" class="nav-link">Games</a>
         </div>
       </div>
 
       <div class="hidden md:flex items-center space-x-4">
         @if (!isLoggedIn) {
-          <button (click)="login()" class="button-base px-4 py-1.5">Anmelden</button>
+          <button (click)="login()" class="button-base px-4 py-1.5">Login</button>
         }
         @if (isLoggedIn) {
-          <button (click)="logout()" class="button-base px-4 py-1.5">Abmelden</button>
+          <button (click)="logout()" class="button-base px-4 py-1.5">Logout</button>
         }
       </div>
 
@@ -55,13 +55,13 @@
 
     <div [class]="isMenuOpen ? 'block' : 'hidden'" class="md:hidden">
       <div class="nav-mobile-menu">
-        <a routerLink="/games" class="nav-mobile-link">Spiele</a>
+        <a routerLink="/games" class="nav-mobile-link">Games</a>
         <div class="pt-2 space-y-2">
           @if (!isLoggedIn) {
-            <button (click)="login()" class="button-base w-full py-1.5">Anmelden</button>
+            <button (click)="login()" class="button-base w-full py-1.5">Login</button>
           }
           @if (isLoggedIn) {
-            <button (click)="logout()" class="button-base w-full py-1.5">Abmelden</button>
+            <button (click)="logout()" class="button-base w-full py-1.5">Logout</button>
           }
         </div>
       </div>