feat(websocket)!: Implement WebSocket connection and event handling

knockoutwhistweb/app/views/ingame/finishedMatch.scala.html

@@ -34,4 +34,5 @@
             });
         }
         waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
+        connectWebSocket()
 </script>

knockoutwhistweb/app/views/ingame/ingame.scala.html

@@ -104,4 +104,5 @@
             });
         }
         waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
+        connectWebSocket()
 </script>

knockoutwhistweb/app/views/ingame/selecttrump.scala.html

@@ -68,4 +68,5 @@
             });
         }
         waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
+        connectWebSocket()
 </script>

knockoutwhistweb/app/views/ingame/tie.scala.html

@@ -114,4 +114,5 @@
             });
         }
         waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
+        connectWebSocket()
 </script>

knockoutwhistweb/app/views/lobby/lobby.scala.html

@@ -78,4 +78,5 @@
             });
         }
         waitForFunction("pollForUpdates").then(fn => fn('@gamelobby.id'));
+        connectWebSocket()
 </script>

knockoutwhistweb/app/views/login/login.scala.html

@@ -35,6 +35,7 @@
         particlesJS.load('particles-js', 'assets/conf/particlesjs-config.json', function() {
             console.log('callback - particles.js config loaded');
         });
+        disconnectWebSocket();
 </script>
 <div id="particles-js" style="background-color: rgb(11, 8, 8);
     background-size: cover;

knockoutwhistweb/app/views/main.scala.html

@@ -25,6 +25,7 @@
     </body>
     <script src="@routes.JavaScriptRoutingController.javascriptRoutes()" type="text/javascript"></script>
     <script src="@routes.Assets.versioned("javascripts/main.js")" type="text/javascript"></script>
+    <script src="@routes.Assets.versioned("javascripts/ingame.js")" type="text/javascript"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 </html>

knockoutwhistweb/app/views/mainmenu/creategame.scala.html

@@ -27,4 +27,7 @@
             <div class="btn btn-success" onclick="createGameJS()">Create Game</div>
         </div>
     </div>
-</main>
+</main>
+    <script>
+            disconnectWebSocket();
+    </script>

knockoutwhistweb/app/views/mainmenu/rules.scala.html

@@ -175,3 +175,6 @@
             </div>
         </div>
     </main>
+<script>
+        disconnectWebSocket();
+</script>