Implement Waiting Interface for Game Matching

[TKanX]

Description:

Develop the interface users see while waiting for a match to be found. This interface should be visually appealing and provide clear information about the match status. Additionally, it should allow users to cancel the matching process if desired.

[TKanX]

Updated queue and game pages, enhance GameUI class

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

• Added a queue-mode display and exit-queue button to queue.ejs.
• Modified game.ejs to integrate game parameters and update the UI based on these parameters.
• Updated game.js with a new showQueue method in the GameUI class to display the game mode in the queue section.
• Improved the showQueue method to handle different game modes and display them accordingly.

[TKanX]

[TKanX]

Implemented queue waiting timer in GameUI class

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

• Added startQueueWaitingTime method to the GameUI class to display and update the queue waiting time.
• The timer method calculates and formats elapsed time, updating the waiting-time element every second.
• Provided a stop method to clear the timer.

[TKanX]

[TKanX]

Added game ready event handling and UI integration

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

• Enhanced game setup to handle "gameReady" event and display the game ready UI component.
• Updated gameNetwork to listen for "game:players" event and display player avatars in the ready state.
• Added a click handler to send player ready event when players indicate readiness.
• Implemented player ready status updates upon receiving "game-client:ready" event.

[TKanX]