Add Alt + Click hotkey for sending emotes (#408)

## Description:

Allows the player to Alt + Click to send emotes to other players or
themself in order to ease communication.
Of course, the hotkey can be something different. Alt + Click is just a
suggestion.


![image](https://github.com/user-attachments/assets/9762c4f0-f62d-4c39-ba35-468ac3f5ddaa)

## Please complete the following:

- [ x ] I have added screenshots for all UI updates
- [ 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:

kanekane0448

PS: The new emoji table looks really good!

---------

Co-authored-by: kanekane0448 <no@mail.pls>

src/client/graphics/layers/EmojiTable.ts

@@ -1,5 +1,12 @@
 import { LitElement, css, html } from "lit";
 import { customElement, state } from "lit/decorators.js";
+import { EventBus } from "../../../core/EventBus";
+import { AllPlayers } from "../../../core/game/Game";
+import { GameView, PlayerView } from "../../../core/game/GameView";
+import { TerraNulliusImpl } from "../../../core/game/TerraNulliusImpl";
+import { ShowEmojiMenuEvent } from "../../InputHandler";
+import { SendEmojiIntentEvent } from "../../Transport";
+import { TransformHandler } from "../TransformHandler";
 
 const emojiTable: string[][] = [
   ["😀", "😊", "🥰", "😇", "😎"],
@@ -17,6 +24,10 @@ const emojiTable: string[][] = [
 
 @customElement("emoji-table")
 export class EmojiTable extends LitElement {
+  public eventBus: EventBus;
+  public transformHandler: TransformHandler;
+  public game: GameView;
+
   static styles = css`
     :host {
       display: block;
@@ -96,6 +107,35 @@ export class EmojiTable extends LitElement {
   @state()
   private _hidden = true;
 
+  initEventBus() {
+    this.eventBus.on(ShowEmojiMenuEvent, (e) => {
+      const cell = this.transformHandler.screenToWorldCoordinates(e.x, e.y);
+      if (!this.game.isValidCoord(cell.x, cell.y)) {
+        return;
+      }
+
+      const tile = this.game.ref(cell.x, cell.y);
+      if (!this.game.hasOwner(tile)) {
+        return;
+      }
+
+      const targetPlayer = this.game.owner(tile);
+      // maybe redundant due to owner check but better safe than sorry
+      if (targetPlayer instanceof TerraNulliusImpl) {
+        return;
+      }
+
+      this.showTable((emoji) => {
+        const recipient =
+          targetPlayer == this.game.myPlayer()
+            ? AllPlayers
+            : (targetPlayer as PlayerView);
+        this.eventBus.emit(new SendEmojiIntentEvent(recipient, emoji));
+        this.hideTable();
+      });
+    });
+  }
+
   private onEmojiClicked: (emoji: string) => void = () => {};
 
   render() {