Add a Game Rules Page

[tedhyu]

A temporary solution is to add a link to: https://tridecco.com/instructions

[TKanX]

Description:

Create a dedicated page for displaying the game rules to improve user experience and ensure players clearly understand how to play the game.

Requirements:

• [x] Add Temporary Link to Game Rules: Add a link to the "Game Rules" page in the main navigation or footer that redirects to https://tridecco.com/instructions for the time being.
• [x] Create Game Rules Page: Design and implement a dedicated "Game Rules" page, which will provide detailed instructions for players on how to play the game.

[TKanX]

Added How to Play Page to navigation bar

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

• Added a "How to Play" link to the navigation bar in main-header.ejs.
• Temporarily linked the "How to Play" page to an external URL: https://tridecco.com/instructions.
• Ensured the link opens in a new tab for user convenience.

This enhancement provides users with easy access to game instructions, improving the overall user experience.

[TKanX]

Added instructions page and update navigation to include it

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

• Created a new instructions page in instructions.ejs with detailed guidelines.
• Updated the navigation menu in main-header.ejs to include a link to the instructions page.
• Added new image resources for better visual representation.

[TKanX]

Compressed images on instructions page to webp format

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

• Compressed images on the instructions page from 5.81MB to 457KB.
• Achieved a reduction of approximately 5,624,259 bytes (about 5.62 MB) (92.32%).

[TKanX]

@tedhyu