Removed live indicator + began to write graphics menu

client/components/help_popup/help_popup.css

@@ -0,0 +1,20 @@
+.help-popup{
+    width: 300px;
+    height: 200px;
+    border: 2px solid black;
+    background-color: white;
+    border-radius: 10px;
+    z-index: 2;
+    position: absolute;
+    box-sizing: border-box;
+}
+
+.help-popup-description-container{
+    margin-left: 10px;
+    margin-right: 10px;
+    padding-top: 10px;
+}
+
+.help-popup-description{
+    overflow-wrap: break-word;
+}

client/components/help_popup/help_popup.js

@@ -0,0 +1,22 @@
+class HelpPopup extends HTMLElement{
+    constructor(){
+        super();
+    }
+
+    connectedCallback(){
+        this.render();
+    }
+
+    render(){
+        this.innerHTML = `
+            <link rel="stylesheet" href="./components/help_popup/help_popup.css">
+            <div class="help-popup">
+                <div class="help-popup-description-container">
+                    <span class="help-popup-description">${this.getAttribute("helpdescription")}</span>
+                </div>
+            </div>
+            `
+    }
+}
+
+customElements.define("sea-help-popup", HelpPopup);