[Perf/bugfix] Separate custom hooks and prevent re-render issues.

Config Page: Device Tab. threshold component. fix problem that the input component focused out when input something each time.
Set threshold data when started python.

src-ui/logics/useVolume.js

@@ -3,28 +3,25 @@ import {
     useSpeakerVolume,
 } from "@store";
 
-import { useStdoutToPython } from "./useStdoutToPython";
-
+import { useStdoutToPython } from "@logics/useStdoutToPython";
 
 export const useVolume = () => {
     const { asyncStdoutToPython } = useStdoutToPython();
     const { updateMicVolume } = useMicVolume();
     const { updateSpeakerVolume } = useSpeakerVolume();
 
-    // const asyncPending = () => new Promise(() => {});
     return {
         volumeCheckStart_Mic: () => asyncStdoutToPython("/controller/callback_enable_check_mic_threshold"),
         volumeCheckStop_Mic: () => asyncStdoutToPython("/controller/callback_disable_check_mic_threshold"),
         updateVolumeVariable_Mic: (payload) => {
-            updateMicVolume(payload.data);
+            updateMicVolume(payload);
         },
 
         volumeCheckStart_Speaker: () => asyncStdoutToPython("/controller/callback_enable_check_speaker_threshold"),
         volumeCheckStop_Speaker: () => asyncStdoutToPython("/controller/callback_disable_check_speaker_threshold"),
         updateVolumeVariable_Speaker: (payload) => {
-            updateSpeakerVolume(payload.data);
-        }
-
+            updateSpeakerVolume(payload);
+        },
 
     };
 };