Optimize Game Phase Text Color and Resolve Board Click Blocking Issue

[TKanX]

Description:

The current game phase text (e.g., "Round Start," "Player Turn," etc.) overlaps with the game board and may obscure the clickable areas of the board, causing interaction issues. Additionally, the color of the game phase text may not always be clear, leading to visibility problems on certain backgrounds. This issue focuses on optimizing the text color for better readability and ensuring that the text does not block any interactions with the game board.

Objectives:

1. Text Color Optimization:

• Adjust the game phase text color to improve visibility and contrast, making it easier for players to read in different game environments and on various screen types.
• Ensure that the text remains legible against dynamic backgrounds or game elements.

2. Resolve Board Click Blocking:

• Ensure that the game phase text does not interfere with player interactions, such as clicking or dragging pieces on the game board.
• Allow the text to be displayed without blocking any interactive areas of the board.

[TKanX]

Added pointer-events-none to #game-phase to prevent blocking game canvas clicks

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

• Applied pointer-events-none to the #game-phase element to ensure it does not intercept mouse events.
• This change allows clicks to pass through #game-phase and interact with elements behind it, such as the game canvas.

[TKanX]

Added white text shadow to #game-phase for better visibility

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

• Added inline style text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.7); to the #game-phase element to improve text readability.
• Ensured text visibility against varying background colors by applying a subtle white shadow effect.