Grey out mic status until open, also debugging

src/App.css

@@ -186,6 +186,10 @@ button{
   background-color: #78acf1;
 }
 
+.sp-mixer-buttons.disabled .sp-mixer-buttons-backdrop {
+  background-color: #999;
+}
+
 .sp-mixer-buttons button {
   flex: 1;
   background: transparent;

src/optionsMenu/AboutTab.tsx

@@ -1,12 +1,15 @@
 import React from "react";
 
 import logo from "../assets/images/webstudio.svg";
+import { MYRADIO_BASE_URL, MYRADIO_NON_API_BASE } from "../api";
 
 export function AboutTab() {
 	return (
 		<>
 			<img src={logo} style={{ filter: "invert(1)" }} />
 			<div><b>WebStudio v{process.env.REACT_APP_VERSION}</b></div>
+			<div>MyRadio endpoint: <code>{MYRADIO_BASE_URL}</code>/<code>{MYRADIO_NON_API_BASE}</code></div>
+			<div>Streaming server: <code>{process.env.REACT_APP_WS_URL}</code></div>
 			<div>Brought to you by URY Computing Team</div>
 		</>
 	);

src/showplanner/index.tsx

@@ -133,7 +133,7 @@ function MicControl() {
   return (
     <div className="sp-col" style={{ height: "48%", overflowY: "visible" }}>
       <h2>Microphone</h2>
-      <div className="sp-mixer-buttons">
+      <div className={`sp-mixer-buttons ${!state.open && "disabled"}`}>
         <div
           className="sp-mixer-buttons-backdrop"
           style={{