Show server port alongside IP in SERVER label

app/static/js/app.jsx

@@ -16316,7 +16316,7 @@ const App = () => {
   });
   const [serverStatus, setServerStatus] = useState('checking...');
   const _lan = window.SonicRuntime && window.SonicRuntime.capabilities && window.SonicRuntime.capabilities.lan;
-  const serverHost = _lan && _lan.urls && _lan.urls[0] ? (function () { try { return new URL(_lan.urls[0]).hostname; } catch (e) { return null; } })() : window.location.hostname;
+  const serverAddr = _lan && _lan.urls && _lan.urls[0] ? (function () { try { return new URL(_lan.urls[0]).host; } catch (e) { return null; } })() : window.location.host;
   const [menuOpen, setMenuOpen] = useState(null);
   const [selectedClipId, setSelectedClipId] = useState(null); // { trackId, clipId }
   const [stretchedClip, setStretchedClip] = useState(null); // { trackId, clipId, originalDuration, startTime, originalSpeed, beforeSnap }
@@ -28461,7 +28461,7 @@ STRICT CONSTRAINTS:
     className: "flex items-center gap-2 px-2"
   }, /*#__PURE__*/React.createElement("span", {
     className: `text-xs font-bold uppercase px-1.5 py-0.5 rounded ${serverStatus === 'connected' ? 'bg-emerald-950 text-emerald-400' : serverStatus === 'checking' ? 'bg-amber-950 text-amber-400' : 'bg-red-950 text-red-400'}`
-  }, "Server: ", serverStatus, serverHost ? " · " + serverHost : ""), /*#__PURE__*/React.createElement("button", {
+  }, "Server: ", serverStatus, serverAddr ? " · " + serverAddr : ""), /*#__PURE__*/React.createElement("button", {
     onClick: () => setShowAIConfig(!showAIConfig),
     className: `px-1.5 py-0.5 rounded text-xs border transition ${showAIConfig ? 'bg-purple-900 text-purple-200 border-purple-700' : 'bg-zinc-800 text-zinc-400 border-zinc-700 hover:text-zinc-200'}`
   }, /*#__PURE__*/React.createElement("span", {