Added "Quit" button to the webremote screen

with a ios style popup confirmation

src/web-remote/style.css

@@ -306,6 +306,77 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
     background-image: url('./assets/backward.svg');
 }
 
+.playback-button.quit {
+    background-image: url('./assets/x.svg');
+}
+
+.quit-button-container{
+    position: absolute;
+    top: 0px;
+    right: 60px;
+    width: 10px;
+    height: 10px;
+}
+
+.popup-confirm {
+    margin: 0 auto;
+    width:100%;
+    height:100%;
+    position: relative;
+  }
+  
+  .overlay {
+    position: absolute;
+    background: rgba(71, 71, 71, 0.35);
+    top: 0; left: 0; right: 0; bottom: 0
+  }
+  
+  .popup {
+    position: absolute;
+    top: 40%;
+    left: 15%;
+    width:70%;
+    margin: 0px;
+    z-index: 10px;
+    background:rgba(255,255,255,0.85);
+    border-radius: 8px;
+    text-align: center;
+    box-sizing: border-box;
+  }
+  
+  .popup h3 {
+    color: rgb(0, 0, 0);
+    margin: 20px 0 0 0;
+    padding: 0;
+  }
+  
+  .popup p {
+    color: rgb(0, 0, 0);
+    font-weight: 10px;
+    margin: 15px;
+    padding: 0;
+  }
+  
+  .popup .button-holder a {
+    color: #007AFF;
+    text-decoration: none;
+    line-height:45px;
+    font-weight: bold;
+    display: block;
+    border-top: 1px solid #BABABA;
+  }
+  
+  .popup .two-button a{
+    width: 50%;
+    float: left;
+    box-sizing: border-box
+  }
+  
+  .popup .two-button a:first-child {
+    color: #ff0000;
+    border-right: 1px solid #BABABA
+  }
+
 .playback-buttons {
     display: flex;
     align-items: center;