feat: implement local audio streaming with controls in voice components

frontend/src/components/voice/VoiceControl.tsx

@@ -15,7 +15,9 @@ interface VoiceControlProps {
   onJoin: () => void;
   onDisconnect: () => void;
   onListenToggle: () => void;
+  onStreamingToggle: () => void;
   isListening: boolean;
+  isStreaming: boolean;
 }
 
 export function VoiceControl({
@@ -30,7 +32,9 @@ export function VoiceControl({
   onJoin,
   onDisconnect,
   onListenToggle,
+  onStreamingToggle,
   isListening,
+  isStreaming,
 }: VoiceControlProps) {
   return (
     <Card>
@@ -69,6 +73,9 @@ export function VoiceControl({
           <Button variant={isListening ? "secondary" : "outline"} onClick={onListenToggle}>
             {isListening ? "Stop Listening" : "Listen Live"}
           </Button>
+          <Button variant={isStreaming ? "destructive" : "default"} onClick={onStreamingToggle}>
+            {isStreaming ? "Stop Transmitting" : "Start Transmitting"}
+          </Button>
         </div>
       </CardContent>
     </Card>

frontend/src/components/voice/VoicePanel.tsx

@@ -14,11 +14,13 @@ interface VoicePanelProps {
   activeSpeakers: ActiveSpeaker[];
   levels: number[];
   isListening: boolean;
+  isStreaming: boolean;
   onGuildChange: (guildId: string) => void;
   onChannelChange: (channelId: string) => void;
   onJoin: () => void;
   onDisconnect: () => void;
   onListenToggle: () => void;
+  onStreamingToggle: () => void;
 }
 
 export function VoicePanel(props: VoicePanelProps) {