Added "Click to umute" option for settings page

.utilities/settings-page-builder/style.css

@@ -36,7 +36,7 @@ body {
     /* Prevent overall page scroll */
 }
 
-#header > button {
+#header>button {
     width: auto;
     /* Allow buttons to size based on content */
     flex-shrink: 0;
@@ -78,10 +78,28 @@ body {
     /* Color of the scroll thumb on hover */
 }
 
-#widgetPreview {
+#widget-preview-wrapper {
     flex-grow: 1;
     overflow: hidden;
+    position: relative;
+}
+
+#widgetPreview {
     border: transparent;
+    width: 100%;
+    height: 100%;
+}
+
+#unmute-label {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+    font-size: 3em;
+    font-weight: 500;
+    color: rgba(255, 255, 255, 0.7);
+    display: none;
 }
 
 #widgetUrlInputWrapper {
@@ -335,7 +353,7 @@ button:hover {
     max-width: 1000px;
     width: calc(100% - 75px);
     border-radius: 1em;
-    border: 1px rgba(255, 255, 255, 0.24) solid ;
+    border: 1px rgba(255, 255, 255, 0.24) solid;
     padding: 1em;
     box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
     background: #181818af;