Extend developer view with media debug information (#909)

* interceptor: add MediaStream feed debug interceptor

- interceptor displays nick name for default and nick name + user id if user gast
- interceptor displays track id  + media stream ids

src/settings/SettingsModal.tsx

@@ -33,7 +33,6 @@ import {
   useShowInspector,
   useOptInAnalytics,
   canEnableSpatialAudio,
-  useShowCallFeedDebugInfo,
 } from "./useSetting";
 import { FieldRow, InputField } from "../input/Input";
 import { Button } from "../button";
@@ -61,8 +60,6 @@ export const SettingsModal = (props: Props) => {
 
   const [spatialAudio, setSpatialAudio] = useSpatialAudio();
   const [showInspector, setShowInspector] = useShowInspector();
-  const [showCallFeedDebugInfo, setShowCallFeedDebugInfo] =
-    useShowCallFeedDebugInfo();
   const [optInAnalytics, setOptInAnalytics] = useOptInAnalytics();
   const [keyboardShortcuts, setKeyboardShortcuts] = useKeyboardShortcuts();
 
@@ -219,18 +216,6 @@ export const SettingsModal = (props: Props) => {
               }
             />
           </FieldRow>
-          <FieldRow>
-            <InputField
-              id="showCallFeedDebugInfo"
-              name="callFeedDebugInfo"
-              label={t("Show call feed debug info")}
-              type="checkbox"
-              checked={showCallFeedDebugInfo}
-              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                setShowCallFeedDebugInfo(e.target.checked)
-              }
-            />
-          </FieldRow>
           <FieldRow>
             <Button onPress={downloadDebugLog}>
               {t("Download debug logs")}

src/settings/useSetting.ts

@@ -90,5 +90,3 @@ export const useShowInspector = () => useSetting("show-inspector", false);
 export const useOptInAnalytics = () => useSetting("opt-in-analytics", false);
 export const useKeyboardShortcuts = () =>
   useSetting("keyboard-shortcuts", true);
-export const useShowCallFeedDebugInfo = () =>
-  useSetting("show-call-feed-debug-info", false);