Add filters tabs to EvensDisplay to let users filter events (#1080)

## Description:
Big update to the EventsDisplay

- Style update for EventsDisplay, look & feel similar to other windows
- Component now hidden during spawn phase
- Adds new functionality for filtering events by category. Allows the
player to remove specific event types
- Displays latest gold amount, decays after 5 seconds

<img width="1147" alt="Screenshot 2025-06-07 at 20 18 55"
src="https://github.com/user-attachments/assets/11c39818-55ad-4ba1-a998-360057e2856c"
/>

<img width="422" alt="Screenshot 2025-06-07 at 19 01 55"
src="https://github.com/user-attachments/assets/09c0b998-6046-49fb-9fba-33b4f57f337b"
/>

<img width="444" alt="Screenshot 2025-06-07 at 20 20 25"
src="https://github.com/user-attachments/assets/022deadc-3a49-442a-85f5-f1cd128a5805"
/>

![Screen Shot 2025-06-07 at 20 32
07](https://github.com/user-attachments/assets/d8575ea0-109d-4841-b661-b233201a304a)



## 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
- [X] I understand that submitting code with bugs that could have been
caught through manual testing blocks releases and new features for all
contributors

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

maxion_


Fixes #1025 
Fixes #1034

src/core/execution/AttackExecution.ts

@@ -180,7 +180,7 @@ export class AttackExecution implements Execution {
     if (deaths) {
       this.mg.displayMessage(
         `Attack cancelled, ${renderTroops(deaths)} soldiers killed during retreat.`,
-        MessageType.SUCCESS,
+        MessageType.ATTACK_CANCELLED,
         this._owner.id(),
       );
     }
@@ -340,8 +340,9 @@ export class AttackExecution implements Execution {
       `Conquered ${this.target.displayName()} received ${renderNumber(
         gold,
       )} gold`,
-      MessageType.SUCCESS,
+      MessageType.CONQUERED_PLAYER,
       this._owner.id(),
+      gold,
     );
     this.target.removeGold(gold);
     this._owner.addGold(gold);

src/core/execution/MIRVExecution.ts

@@ -67,8 +67,9 @@ export class MirvExecution implements Execution {
 
       this.mg.displayIncomingUnit(
         this.nuke.id(),
+        // TODO TranslateText
         `⚠️⚠️⚠️ ${this.player.name()} - MIRV INBOUND ⚠️⚠️⚠️`,
-        MessageType.ERROR,
+        MessageType.MIRV_INBOUND,
         this.targetPlayer.id(),
       );
     }

src/core/execution/NukeExecution.ts

@@ -111,16 +111,18 @@ export class NukeExecution implements Execution {
         } else if (this.nukeType === UnitType.AtomBomb) {
           this.mg.displayIncomingUnit(
             this.nuke.id(),
+            // TODO TranslateText
             `${this.player.name()} - atom bomb inbound`,
-            MessageType.ERROR,
+            MessageType.NUKE_INBOUND,
             target.id(),
           );
           this.breakAlliances(this.tilesToDestroy());
         } else if (this.nukeType === UnitType.HydrogenBomb) {
           this.mg.displayIncomingUnit(
             this.nuke.id(),
+            // TODO TranslateText
             `${this.player.name()} - hydrogen bomb inbound`,
-            MessageType.ERROR,
+            MessageType.HYDROGEN_BOMB_INBOUND,
             target.id(),
           );
           this.breakAlliances(this.tilesToDestroy());

src/core/execution/PlayerExecution.ts

@@ -207,8 +207,9 @@ export class PlayerExecution implements Execution {
         `Conquered ${this.player.displayName()} received ${renderNumber(
           gold,
         )} gold`,
-        MessageType.SUCCESS,
+        MessageType.CONQUERED_PLAYER,
         capturing.id(),
+        gold,
       );
       capturing.addGold(gold);
       this.player.removeGold(gold);

src/core/execution/SAMLauncherExecution.ts

@@ -174,7 +174,7 @@ export class SAMLauncherExecution implements Execution {
       if (!hit) {
         this.mg.displayMessage(
           `Missile failed to intercept ${type}`,
-          MessageType.ERROR,
+          MessageType.SAM_MISS,
           this.sam.owner().id(),
         );
       } else {
@@ -182,7 +182,7 @@ export class SAMLauncherExecution implements Execution {
           // Message
           this.mg.displayMessage(
             `${mirvWarheadTargets.length} MIRV warheads intercepted`,
-            MessageType.SUCCESS,
+            MessageType.SAM_HIT,
             this.sam.owner().id(),
           );
           // Delete warheads

src/core/execution/SAMMissileExecution.ts

@@ -62,7 +62,7 @@ export class SAMMissileExecution implements Execution {
       if (result === true) {
         this.mg.displayMessage(
           `Missile intercepted ${this.target.type()}`,
-          MessageType.SUCCESS,
+          MessageType.SAM_HIT,
           this._owner.id(),
         );
         this.active = false;

src/core/execution/TradeShipExecution.ts

@@ -131,21 +131,24 @@ export class TradeShipExecution implements Execution {
       this.tradeShip!.owner().addGold(gold);
       this.mg.displayMessage(
         `Received ${renderNumber(gold)} gold from ship captured from ${this.origOwner.displayName()}`,
-        MessageType.SUCCESS,
+        MessageType.CAPTURED_ENEMY_UNIT,
         this.tradeShip!.owner().id(),
+        gold,
       );
     } else {
       this.srcPort.owner().addGold(gold);
       this._dstPort.owner().addGold(gold);
       this.mg.displayMessage(
         `Received ${renderNumber(gold)} gold from trade with ${this.srcPort.owner().displayName()}`,
-        MessageType.SUCCESS,
+        MessageType.RECEIVED_GOLD_FROM_TRADE,
         this._dstPort.owner().id(),
+        gold,
       );
       this.mg.displayMessage(
         `Received ${renderNumber(gold)} gold from trade with ${this._dstPort.owner().displayName()}`,
-        MessageType.SUCCESS,
+        MessageType.RECEIVED_GOLD_FROM_TRADE,
         this.srcPort.owner().id(),
+        gold,
       );
     }
     return;

src/core/execution/TransportShipExecution.ts

@@ -62,7 +62,7 @@ export class TransportShipExecution implements Execution {
     ) {
       mg.displayMessage(
         `No boats available, max ${mg.config().boatMaxNumber()}`,
-        MessageType.WARN,
+        MessageType.ATTACK_FAILED,
         this.attacker.id(),
       );
       this.active = false;
@@ -130,8 +130,9 @@ export class TransportShipExecution implements Execution {
     if (this.targetID && this.targetID !== mg.terraNullius().id()) {
       mg.displayIncomingUnit(
         this.boat.id(),
+        // TODO TranslateText
         `Naval invasion incoming from ${this.attacker.displayName()}`,
-        MessageType.WARN,
+        MessageType.NAVAL_INVASION_INBOUND,
         this.targetID,
       );
     }