[Refactor] Refactor the way import files.

Organize some codes.

src-ui/logics/configs/device/useSpeakerDeviceList.js

@@ -0,0 +1,18 @@
+import { useStore_SpeakerDeviceList } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useSpeakerDeviceList = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentSpeakerDeviceList, updateSpeakerDeviceList, pendingSpeakerDeviceList } = useStore_SpeakerDeviceList();
+
+    const getSpeakerDeviceList = () => {
+        pendingSpeakerDeviceList();
+        asyncStdoutToPython("/get/data/speaker_device_list");
+    };
+
+    return {
+        currentSpeakerDeviceList,
+        getSpeakerDeviceList,
+        updateSpeakerDeviceList,
+    };
+};