Implement User Interface for Creating or Joining Custom Rooms

[TKanX]

Description:

Implement a user interface that allows users to create or join custom rooms using unique room IDs. This will enable players to set up private games with friends or join specific rooms for gameplay.

Requirements:

1. Custom Room Interface:
   • Design a dedicated page for creating and joining custom rooms.
   • Include input fields and buttons for creating a new room and joining an existing room by ID.
2. Creating a Custom Room:
   • Provide an option for users to create a new custom room.
   • Include options for setting game mode.
   • Generate a unique room ID for each new room created.
   • Display the room ID to the user for sharing with others.
3. Joining a Custom Room:
   • Provide an input field for users to enter a room ID and join an existing custom room.
   • Validate the entered room ID to ensure it is correct and the room exists.
   • Display an error message if the room ID is invalid or the room is full.

Acceptance Criteria:

• The custom room interface is user-friendly and visually appealing.
• Users can successfully create new custom rooms with unique room IDs.
• Users can join existing custom rooms by entering valid room IDs.
• The interface provides clear feedback and error messages for invalid room IDs or other issues.
• Room information is displayed accurately, including the list of players and game preferences.
• The interface is responsive and functions smoothly across different devices and screen sizes.

[TKanX]

Added routes and page for custom rooms

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

• Updated routes file to include routes for custom rooms.
• Added HTML page for inviting or joining a custom room and creating a new room.
• The page includes functionality for joining a room by entering a room ID and creating a room with a game mode and player count selection.

[TKanX]

Fixed incorrect route handling for rooms

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

• Corrected the routing configuration for the rooms page.
• Before: Incorrectly handled rooms route with the root path, rendering the rooms page for all routes.
• After: Updated rooms route to correctly use /rooms path, ensuring proper routing.

[TKanX]

Implemented JavaScript for Join/Create Room functionality

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

• Added JavaScript to handle joining and creating custom rooms.
• Implemented event listeners for "Join Room" and "Create Room" buttons.
  • "Join Room" redirects to the game page with the entered room ID.
  • "Create Room" redirects to the game page with selected game mode and player count.