Implement Piece Count Display Below Player Avatar

[TKanX]

Description:

In the game, a piece count display should be added below each player's avatar. The count will show the number of pieces the player owns, with each piece type displayed in its corresponding color using a gradient effect.

Requirements:

• [x] Add a section below each player’s avatar to display the piece count.
• [x] Display the number of pieces for each type in the corresponding color of that piece.
• [x] The piece count should be shown with a gradient effect, where the color gradient corresponds to the piece’s color.
• [x] The implementation should integrate seamlessly with the existing player avatar layout and display logic.

[TKanX]

Added support for displaying remaining pieces count below player avatars in GameUI

https://github.com/tridecco/game-client-web/commit/3fded5dd919a888cd362711f39760310bdc37307

• Added updatePlayerPieces method to update the pieces count for each player.
• Initialized the pieces count element during game initialization.

[TKanX]

Updated player pieces count in Game on receiving game:pieces event

https://github.com/tridecco/game-client-web/commit/acdf562b5897e864d8032d3cc7e865f3659a5310

• Added logic to update the pieces count for each player using updatePlayerPieces method in GameUI.

[TKanX]

@tedhyu

[TKanX]

Implemented piece count display below player avatar

https://github.com/tridecco/game-client-web/commit/3f45fbad8b8e0dfe65f011707f1bf711092a8736

• Added a method showPlayerPiecesOnHover in GameUI to display the count of pieces below the player's avatar on hover.
• This method creates a container that shows the pieces and their counts when the player element is hovered over or touched.
• The container is removed when the mouse or touch leaves the player element.

[TKanX]

Corrected index usage in showPieceSelection method

https://github.com/tridecco/game-client-web/commit/ded629d29b203bdc29bfec224727c26c99670866

• Updated the pieceCountMap in GameUI to correctly assign the index from the pieces array instead of the pieceCountMap.
• Modified the reduce function to include the index i and store it in the pieceCountMap.
• Adjusted the forEach loop to use the correct index from pieceCountMap.

[TKanX]

@tedhyu