[Refactor/Update] Organize localization files and apply to some labels.

src-ui/app/main_page/main_section/language_selector/LanguageSelector.jsx

@@ -8,10 +8,9 @@ export const LanguageSelector = ({ id, onClickFunction }) => {
     const { t } = useTranslation();
     const { currentSelectableLanguageList } = useSelectableLanguageList();
 
-
     const languageTitles = {
-        your_language: t("selectable_language_window.title_your_language"),
-        target_language: t("selectable_language_window.title_target_language")
+        your_language: t("main_page.language_selector.title_your_language"),
+        target_language: t("main_page.language_selector.title_target_language")
     };
 
     const language_selector_title = languageTitles[id] || "";

src-ui/app/main_page/main_section/language_selector/language_selector_top_bar/LanguageSelectorTopBar.jsx

@@ -1,10 +1,10 @@
+import { useTranslation } from "react-i18next";
 import styles from "./LanguageSelectorTopBar.module.scss";
-
 import { useStore_IsOpenedLanguageSelector } from "@store";
 
 export const LanguageSelectorTopBar = (props) => {
+    const { t } = useTranslation();
     const { updateIsOpenedLanguageSelector } = useStore_IsOpenedLanguageSelector();
-
     const closeLanguageSelector = () => {
         updateIsOpenedLanguageSelector({
             your_language: false,
@@ -15,7 +15,7 @@ export const LanguageSelectorTopBar = (props) => {
     return (
         <div className={styles.container}>
             <div className={styles.go_back_button_wrapper} onClick={closeLanguageSelector}>
-                <p className={styles.go_back_button_label}>Go Back</p>
+                <p className={styles.go_back_button_label}>{t("common.go_back_button_label")}</p>
             </div>
             <p className={styles.title}>{props.title}</p>
         </div>

src-ui/app/main_page/main_section/message_container/log_box/message_container/MessageContainer.jsx

@@ -42,7 +42,7 @@ export const MessageContainer = ({ messages, status, category, created_at }) =>
     const is_translated_exist = messages.translated.length >= 1;
     const is_pending = status === "pending";
     const is_sent_message = category === "sent";
-    const category_text = is_sent_message ? t("main_page.textbox_tab_sent") : t("main_page.textbox_tab_received");
+    const category_text = is_sent_message ? t("main_page.message_log.sent") : t("main_page.message_log.received");
 
     const message_type_class_name = clsx({
         [styles.sent_message]: is_sent_message,

src-ui/app/main_page/main_section/top_bar/right_side_components/RightSideComponents.jsx

@@ -58,7 +58,7 @@ const OpenVrcMicMuteSyncQuickSetting = () => {
 
     return (
         <OpenQuickSettingButton
-            label={t("config_page.vrc_mic_mute_sync.label")}
+            label={t("config_page.others.vrc_mic_mute_sync.label")}
             variable={currentEnableVrcMicMuteSync.data}
             onClickFunction={onClickFunction}
         />