refactor: streamline data fetching in various hooks and components

services/frontend/src/hooks/use-voice.ts

@@ -1,4 +1,4 @@
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 
 import { voiceApi } from "@/lib/api";
 import type { ActiveSpeaker, VoiceStatus } from "@/lib/types";
@@ -28,6 +28,10 @@ export function useVoiceStatus(): UseVoiceStatusReturn {
     }
   }, []);
 
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+
   return { voiceStatus, refresh };
 }