Try to guess hostname for websocket

src/components/CableDetailComponent.js

@@ -6,6 +6,7 @@ import Modal from "react-modal";
 import "../assets/stylesheets/cabledetail.scss";
 
 Modal.setAppElement("#root");
+const hostname = window.location.hostname;  // Get the hostname from the URL bar
 
 class Cable {
   constructor(cableData) {
@@ -14,7 +15,7 @@ class Cable {
     this.brand = cableData.brand;
     this.position = cableData.position;
     this.image = cableData.image
-      ? `http://localhost${cableData.image}`
+      ? `http://${hostname}${cableData.image}`
       : DefaultPartImg;
     this.dynamicProps = {};
     this.horizontal = [];