Add end of game report window (#2598)

Resolves #1664

## Description:

Add a game ranking window, accessible through the player game history:
<img width="508" height="140" alt="image"
src="https://github.com/user-attachments/assets/51a628d9-628d-44c3-9776-d9b359b94e65"
/>

There is a lot of data players could be ranked with.
Three main ranking categories  with their own sub-categories:

<img width="371" height="264" alt="image"
src="https://github.com/user-attachments/assets/8b3b7c53-c52f-4b96-8039-23180c9181cf"
/>

### Duration:
Rank players according to their survival time

<img width="284" height="281" alt="image"
src="https://github.com/user-attachments/assets/6dfa0d11-7f5b-4f4f-81f8-f31e24ade6bf"
/>


### War:
#### Conquests:
Number of conquered players and bots

#### Bombs:
Show all bomb launched by each players. Can be sorted with each
category.
<img width="289" height="193" alt="image"
src="https://github.com/user-attachments/assets/fc0f9663-9a50-4098-b5c6-f434354accff"
/>

### Economy:
Show all gold earned by each players with trade, conquests, pirate or
total:

<img width="276" height="195" alt="image"
src="https://github.com/user-attachments/assets/a925249d-b2d2-4c61-92a5-4dbf5922b32b"
/>


### Responsiveness:


![ranking_showcase_resize](https://github.com/user-attachments/assets/5316d7f4-803f-4223-b834-783040226b7d)


## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

IngloriousTom

src/client/components/baseComponents/stats/GameList.ts

@@ -2,6 +2,7 @@ import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { PlayerGame } from "../../../../core/ApiSchemas";
 import { GameMode } from "../../../../core/game/Game";
+import { GameInfoModal } from "../../../GameInfoModal";
 import { translateText } from "../../../Utils";
 
 @customElement("game-list")
@@ -62,6 +63,19 @@ export class GameList extends LitElement {
     this.expandedGameId = this.expandedGameId === gameId ? null : gameId;
   }
 
+  private showRanking(gameId: string) {
+    const gameInfoModal = document.querySelector(
+      "game-info-modal",
+    ) as GameInfoModal;
+
+    if (!gameInfoModal) {
+      console.warn("Game info modal element not found");
+    } else {
+      gameInfoModal.loadGame(gameId);
+      gameInfoModal.open();
+    }
+  }
+
   render() {
     return html` <div class="mt-4 w-full max-w-md">
       <div class="text-sm text-gray-400 font-semibold mb-1">
@@ -97,6 +111,12 @@ export class GameList extends LitElement {
                     >
                       ${translateText("game_list.details")}
                     </button>
+                    <button
+                      class="btn secondary"
+                      @click=${() => this.showRanking(game.gameId)}
+                    >
+                      ${translateText("game_list.ranking")}
+                    </button>
                   </div>
                 </div>
                 <div