Build bar (#2059)

## Description:

Make the unit display bar a proper unit build bar
Add shortcuts for all structures and units
Add ranges for ranged structures and units
Changed the shortcuts to use the key instead of the code for
internationalization purposes


![buildbar](https://github.com/user-attachments/assets/6407dc9c-14b4-40cc-8faa-cdd9e88c9fd2)
<img width="285" height="517" alt="image"
src="https://github.com/user-attachments/assets/91bb01e6-e48c-4255-ace1-306af9cdc25b"
/>

## 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:

Mr.Box

---------

Co-authored-by: evanpelle <evanpelle@gmail.com>
Co-authored-by: icslucas <carolinacarazolli@gmail.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

src/core/GameRunner.ts

@@ -179,18 +179,19 @@ export class GameRunner {
 
   public playerActions(
     playerID: PlayerID,
-    x: number,
-    y: number,
+    x?: number,
+    y?: number,
   ): PlayerActions {
     const player = this.game.player(playerID);
-    const tile = this.game.ref(x, y);
+    const tile =
+      x !== undefined && y !== undefined ? this.game.ref(x, y) : null;
     const actions = {
-      canAttack: player.canAttack(tile),
+      canAttack: tile !== null && player.canAttack(tile),
       buildableUnits: player.buildableUnits(tile),
       canSendEmojiAllPlayers: player.canSendEmoji(AllPlayers),
     } as PlayerActions;
 
-    if (this.game.hasOwner(tile)) {
+    if (tile !== null && this.game.hasOwner(tile)) {
       const other = this.game.owner(tile) as Player;
       actions.interaction = {
         sharedBorder: player.sharesBorderWith(other),

src/core/game/Game.ts

@@ -546,7 +546,7 @@ export interface Player {
   unitCount(type: UnitType): number;
   unitsConstructed(type: UnitType): number;
   unitsOwned(type: UnitType): number;
-  buildableUnits(tile: TileRef): BuildableUnit[];
+  buildableUnits(tile: TileRef | null): BuildableUnit[];
   canBuild(type: UnitType, targetTile: TileRef): TileRef | false;
   buildUnit<T extends UnitType>(
     type: T,

src/core/game/GameView.ts

@@ -264,11 +264,11 @@ export class PlayerView {
       : this._defendedBorderColors.dark;
   }
 
-  async actions(tile: TileRef): Promise<PlayerActions> {
+  async actions(tile?: TileRef): Promise<PlayerActions> {
     return this.game.worker.playerInteraction(
       this.id(),
-      this.game.x(tile),
-      this.game.y(tile),
+      tile && this.game.x(tile),
+      tile && this.game.y(tile),
     );
   }
 

src/core/game/PlayerImpl.ts

@@ -862,21 +862,22 @@ export class PlayerImpl implements Player {
     this.recordUnitConstructed(unit.type());
   }
 
-  public buildableUnits(tile: TileRef): BuildableUnit[] {
-    const validTiles = this.validStructureSpawnTiles(tile);
+  public buildableUnits(tile: TileRef | null): BuildableUnit[] {
+    const validTiles = tile !== null ? this.validStructureSpawnTiles(tile) : [];
     return Object.values(UnitType).map((u) => {
       let canUpgrade: number | false = false;
       if (!this.mg.inSpawnPhase()) {
-        const existingUnit = this.findUnitToUpgrade(u, tile);
+        const existingUnit = tile !== null && this.findUnitToUpgrade(u, tile);
         if (existingUnit !== false) {
           canUpgrade = existingUnit.id();
         }
       }
       return {
         type: u,
-        canBuild: this.mg.inSpawnPhase()
-          ? false
-          : this.canBuild(u, tile, validTiles),
+        canBuild:
+          this.mg.inSpawnPhase() || tile === null
+            ? false
+            : this.canBuild(u, tile, validTiles),
         canUpgrade: canUpgrade,
         cost: this.mg.config().unitInfo(u).cost(this),
       } as BuildableUnit;

src/core/worker/WorkerClient.ts

@@ -160,8 +160,8 @@ export class WorkerClient {
 
   playerInteraction(
     playerID: PlayerID,
-    x: number,
-    y: number,
+    x?: number,
+    y?: number,
   ): Promise<PlayerActions> {
     return new Promise((resolve, reject) => {
       if (!this.isInitialized) {

src/core/worker/WorkerMessages.ts

@@ -60,8 +60,8 @@ export interface GameUpdateMessage extends BaseWorkerMessage {
 export interface PlayerActionsMessage extends BaseWorkerMessage {
   type: "player_actions";
   playerID: PlayerID;
-  x: number;
-  y: number;
+  x?: number;
+  y?: number;
 }
 
 export interface PlayerActionsResultMessage extends BaseWorkerMessage {