Add support for https and wss when using domain names

Detect when using https and automatically connects using wss. Also added support for port 80/443 when using a domain name.

Hello,

I have probably done things wrong and the point of this fork was to have a repository to share these changes with my teammates, but I would appreciate your feedback if you have some time to read this.

js/src/main/scala/cs214/webapp/client/Pages.scala

@@ -269,9 +269,16 @@ case class AppPage(appId: AppId, uiId: UIId, instanceId: InstanceId, userId: Use
       frag(header(id := "banner"), tag("section")(id := "app"))
     Requests.instanceInfo(instanceId).map: appInfo =>
       val hostName = dom.window.location.hostname
+      val protocol = if dom.window.location.protocol.startsWith("https") then "wss" else "ws"
+      val port = {
+          val p = dom.window.location.port
+          if p.length == 0 then (if protocol == "wss" then "443" else "80") else p
+      }
       val endpoint = appInfo.wsEndpoint
-        .replace("{{hostName}}", hostName)
-        .replace("{{userId}}", URLEncoder.encode(userId, "UTF-8"))
+          .replace("{{protocol}}", protocol)
+          .replace("{{hostName}}", hostName)
+          .replace("{{port}}", port)
+          .replace("{{userId}}", URLEncoder.encode(userId, "UTF-8"))
       IpBanner(appInfo.shareUrl).renderInto(target.querySelector("#banner"))
       app.init(instanceId, userId, endpoint, target.querySelector("#app"))