stt-to-storage: UX - Move speechToText from state to storage.

src/components/Option/Settings/general-settings.tsx

@@ -16,9 +16,13 @@ import {
 import { useStorage } from "@plasmohq/storage/hook"
 
 export const GeneralSettings = () => {
-  const { clearChat, speechToTextLanguage, setSpeechToTextLanguage } =
+  const { clearChat } =
     useMessageOption()
 
+  const [ speechToTextLanguage, setSpeechToTextLanguage ] = useStorage(
+      "speechToTextLanguage",
+      "en-US"
+    )
   const [copilotResumeLastChat, setCopilotResumeLastChat] = useStorage(
     "copilotResumeLastChat",
     false

src/components/Sidepanel/Settings/body.tsx

@@ -53,7 +53,10 @@ export const SettingsBody = () => {
   const [hideCurrentChatModelSettings, setHideCurrentChatModelSettings] =
     useStorage("hideCurrentChatModelSettings", false)
 
-  const { speechToTextLanguage, setSpeechToTextLanguage } = useMessage()
+  const [ speechToTextLanguage, setSpeechToTextLanguage ] = useStorage(
+    "speechToTextLanguage",
+    "en-US"
+  )
   const { mode, toggleDarkMode } = useDarkMode()
 
   const { changeLocale, locale, supportLanguage } = useI18n()