Show the whole transport in debug UI and logs

A transport may soon carry a LiveKit SFU `url` instead of, or as well as,
a `livekit_service_url`, so a service URL alone no longer identifies it.
Pass the whole transport to the tiles' debug stats and print it as JSON in
log lines instead of picking out the service URL.

src/tile/MediaView.tsx

@@ -33,6 +33,7 @@ import { ReactionIndicator } from "../reactions/ReactionIndicator";
 import { RTCConnectionStats } from "../RTCConnectionStats";
 import videoPlaceholder from "../graphics/video-placeholder.gif";
 import { autoVideoFit } from "../utils/videoFit";
+import { type LivekitTransport } from "matrix-js-sdk/lib/matrixrtc";
 
 interface Props extends ComponentProps<typeof animated.div> {
   className?: string;
@@ -67,9 +68,9 @@ interface Props extends ComponentProps<typeof animated.div> {
   videoStreamStats?: RTCInboundRtpStreamStats | RTCOutboundRtpStreamStats;
   rtcBackendIdentity?: string;
   /**
-   * The focus url, mainly for debugging purposes.
+   * The LiveKit transport, mainly for debugging purposes.
    */
-  focusUrl?: string;
+  transport?: LivekitTransport;
   /**
    * Called whenever the aspect ratio of the video content becomes known or
    * otherwise changes.
@@ -106,7 +107,7 @@ export const MediaView: FC<Props> = ({
   audioStreamStats,
   videoStreamStats,
   rtcBackendIdentity,
-  focusUrl,
+  transport,
   setVideoAspectRatio: setTheirVideoAspectRatio,
   ...props
 }) => {
@@ -227,7 +228,7 @@ export const MediaView: FC<Props> = ({
             <RTCConnectionStats
               audio={audioStreamStats}
               video={videoStreamStats}
-              focusUrl={focusUrl}
+              transport={transport}
               rtcBackendIdentity={rtcBackendIdentity}
             />
           </>