[Update] Adjust localization and design.

src-ui/app/config_page/setting_section/setting_box/_components/word_filter/WordFilter.jsx

@@ -1,3 +1,4 @@
+import { useTranslation } from "react-i18next";
 import styles from "./WordFilter.module.scss";
 import { _Entry } from "../_atoms/_entry/_Entry";
 import { useState } from "react";
@@ -5,6 +6,8 @@ import { useStore_IsOpenedMicWordFilterList } from "@store";
 import { useMicWordFilterList } from "@logics_configs";
 
 export const WordFilter = () => {
+    const { t } = useTranslation();
+
     const [input_value, setInputValue] = useState("");
     const { currentMicWordFilterList, updateMicWordFilterList, setMicWordFilterList } = useMicWordFilterList();
     const { currentIsOpenedMicWordFilterList, updateIsOpenedMicWordFilterList } = useStore_IsOpenedMicWordFilterList();
@@ -82,7 +85,7 @@ export const WordFilter = () => {
             }
             <div className={styles.entry_section_wrapper}>
                 <_Entry width="30rem" onChange={onChangeEntry} ui_variable={input_value}/>
-                <button className={styles.add_button} onClick={addWords}>Add</button>
+                <button className={styles.add_button} onClick={addWords}>{t("config_page.transcription.mic_word_filter.add_button_label")}</button>
             </div>
         </div>
     );
@@ -121,8 +124,6 @@ const WordFilterItem = (props) => {
     );
 };
 
-import { useTranslation } from "react-i18next";
-
 import ArrowLeftSvg from "@images/arrow_left.svg?react";
 export const WordFilterListToggleComponent = (props) => {
     const { t } = useTranslation();

src-ui/app/config_page/setting_section/setting_box/translation/Translation.jsx

@@ -56,7 +56,10 @@ const CTranslate2WeightType_Box = () => {
     return (
         <>
             <DownloadModelsContainer
-                label={t("config_page.translation.ctranslate2_weight_type.label")}
+                label={t(
+                    "config_page.translation.ctranslate2_weight_type.label",
+                    {ctranslate2: "CTranslate2"}
+                )}
                 desc={t(
                     "config_page.translation.ctranslate2_weight_type.desc",
                     {translator: t("main_page.translator")}
@@ -89,10 +92,13 @@ const CTranslation2ComputeDevice_Box = () => {
 
 
     const { currentComputeMode } = useComputeMode();
+    const ctranslate2_compute_device_label = t("config_page.translation.ctranslate2_compute_device.label", {
+        ctranslate2: "Ctranslate2"
+    });
     if (currentComputeMode.data === "cpu") {
         return (
             <ComputeDeviceContainer
-                label={t("config_page.translation.ctranslate2_compute_device.label")}
+                label={ctranslate2_compute_device_label}
                 selected_id={target_index}
                 list={list_for_ui}
                 selectFunction={selectFunction}
@@ -104,8 +110,7 @@ const CTranslation2ComputeDevice_Box = () => {
     return (
         <DropdownMenuContainer
             dropdown_id="ctranslate2_compute_device"
-            label={t("config_page.translation.ctranslate2_compute_device.label")}
-            // desc={t("config_page.translation.ctranslate2_compute_device.label")}
+            label={ctranslate2_compute_device_label}
             selected_id={target_index}
             list={list_for_ui}
             selectFunction={selectFunction}