i18n support

src/components/Option/Models/index.tsx

@@ -14,7 +14,7 @@ dayjs.extend(relativeTime)
 export const ModelsBody = () => {
   const queryClient = useQueryClient()
   const [open, setOpen] = useState(false)
-  const { t } = useTranslation(["option", "common"])
+  const { t } = useTranslation(["settings", "common"])
 
   const form = useForm({
     initialValues: {

src/components/Option/Playground/PlaygroundForm.tsx

@@ -284,7 +284,7 @@ export const PlaygroundForm = ({ dropedFile }: Props) => {
                       }`}>
                       <ImageIcon className="h-5 w-5" />
                     </button>
-                  </Tooltip>
+                  </Tooltip> 
                   {!isSending ? (
                     <Dropdown.Button
                       htmlType="submit"

src/components/Option/Prompt/index.tsx

@@ -27,7 +27,7 @@ export const PromptBody = () => {
   const [editId, setEditId] = useState("")
   const [createForm] = Form.useForm()
   const [editForm] = Form.useForm()
-  const { t } = useTranslation("option")
+  const { t } = useTranslation("settings")
 
   const { data, status } = useQuery({
     queryKey: ["fetchAllPrompts"],

src/components/Option/Settings/ollama.tsx

@@ -16,7 +16,7 @@ import { useTranslation } from "react-i18next"
 
 export const SettingsOllama = () => {
   const [ollamaURL, setOllamaURL] = useState<string>("")
-  const { t } = useTranslation("option")
+  const { t } = useTranslation("settings")
 
   const { data: ollamaInfo, status } = useQuery({
     queryKey: ["fetchOllamURL"],

src/components/Option/Settings/other.tsx

@@ -16,7 +16,7 @@ export const SettingOther = () => {
   const queryClient = useQueryClient()
 
   const { mode, toggleDarkMode } = useDarkMode()
-  const { t } = useTranslation("option")
+  const { t } = useTranslation("settings")
   const {
     changeLocale,
     locale,

src/components/Option/Settings/prompt.tsx

@@ -12,7 +12,7 @@ import {
 } from "~/services/ollama"
 
 export const SettingPrompt = () => {
-  const { t } = useTranslation("option")
+  const { t } = useTranslation("settings")
 
   const [selectedValue, setSelectedValue] = React.useState<"normal" | "web">(
     "web"

src/components/Option/Settings/search-mode.tsx

@@ -7,7 +7,7 @@ import {
 } from "~/services/ollama"
 
 export const SearchModeSettings = () => {
-  const { t } = useTranslation("option")
+  const { t } = useTranslation("settings")
   
   const { data, status } = useQuery({
     queryKey: ["fetchIsSimpleInternetSearch"],

src/components/Option/Share/index.tsx

@@ -9,7 +9,7 @@ import { verifyPageShareURL } from "~/utils/verify-page-share"
 
 export const OptionShareBody = () => {
   const queryClient = useQueryClient()
-  const { t } = useTranslation("option")
+  const { t } = useTranslation(["settings"])
 
   const { status, data } = useQuery({
     queryKey: ["fetchShareInfo"],
@@ -72,16 +72,12 @@ export const OptionShareBody = () => {
     mutationFn: onDelete,
     onSuccess: () => {
       queryClient.invalidateQueries({
-        queryKey: ["fetchShareInfo"],
+        queryKey: ["fetchShareInfo"]
       })
-      message.success(
-        t("manageShare.notification.webShareDeleteSuccess")
-      )
+      message.success(t("manageShare.notification.webShareDeleteSuccess"))
     },
     onError: (error) => {
-      message.error(
-        error?.message || t("manageShare.notification.someError")
-      )
+      message.error(error?.message || t("manageShare.notification.someError"))
     }
   })
 
@@ -107,7 +103,7 @@ export const OptionShareBody = () => {
                 name="url"
                 help={
                   <Trans
-                    i18nKey="option:manageShare.form.url.help"
+                    i18nKey="settings:manageShare.form.url.help"
                     components={{
                       anchor: (
                         <a