feat: Update socket URL in App constructor

- Updated the `App` constructor to include an optional `socketUrl` parameter.
- If `socketUrl` is provided, it will be used as the URL for the socket server.
- If `socketUrl` is not provided, the `serverUrl` will be used as the default socket URL.
- This change ensures that the `GameNetwork` instance in the `game.ejs` file uses the correct socket URL.

public/js/app.js

@@ -7,10 +7,13 @@ class App {
   /**
    * Create a new App object.
    * @param {string} serverUrl - The URL of the server.
+   * @param {string} socketUrl - The URL of the socket server. (Optional, defaults to the server URL.)
    */
-  constructor(serverUrl) {
+  constructor(serverUrl, socketUrl) {
     this.serverUrl = serverUrl;
     this.session.serverUrl = serverUrl;
+
+    this.socketUrl = socketUrl || serverUrl;
   }
 
   /**

public/js/game.js

@@ -9,10 +9,10 @@
 class GameNetwork {
   /**
    * Create a game network.
-   * @param {string} serverUrl - The server URL.
+   * @param {string} socketUrl - The socket URL.
    */
-  constructor(serverUrl) {
-    this.socket = io(serverUrl, {
+  constructor(socketUrl) {
+    this.socket = io(socketUrl, {
       withCredentials: true,
     });
   }

views/pages/game.ejs

@@ -79,7 +79,7 @@
         const gameUI = new GameUI("/img/game/wood-texture.jpg");
 
         // Create a new game network instance
-        const gameNetwork = new GameNetwork(app.serverUrl);
+        const gameNetwork = new GameNetwork(app.socketUrl);
 
         // Add disconnect event listener
         const disconnectListener = () => {