chore: Update Lucide icons and improve Current Chat Model Settings

src/components/Layouts/Layout.tsx

@@ -25,7 +25,7 @@ import { useStorage } from "@plasmohq/storage/hook"
 import { ModelSelect } from "../Common/ModelSelect"
 import { PromptSelect } from "../Common/PromptSelect"
 import { ChatSettings } from "../Icons/ChatSettings"
-import { CurrentChatModelSettings } from "../Common/CurrentChatModelSettings"
+import { CurrentChatModelSettings } from "../Common/Settings/CurrentChatModelSettings"
 
 export default function OptionLayout({
   children

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

@@ -1,7 +1,7 @@
 import { SaveButton } from "@/components/Common/SaveButton"
 import { getAllModelSettings, setModelSetting } from "@/services/model-settings"
 import { useQuery, useQueryClient } from "@tanstack/react-query"
-import { Form, Skeleton, Input, Switch, InputNumber, Collapse } from "antd"
+import { Form, Skeleton, Input, InputNumber, Collapse } from "antd"
 import React from "react"
 import { useTranslation } from "react-i18next"
 // keepAlive?: string

src/components/Option/Settings/ollama.tsx

@@ -14,7 +14,7 @@ import {
 import { SettingPrompt } from "./prompt"
 import { Trans, useTranslation } from "react-i18next"
 import { useStorage } from "@plasmohq/storage/hook"
-import { AdvanceOllamaSettings } from "@/components/Common/AdvanceOllamaSettings"
+import { AdvanceOllamaSettings } from "@/components/Common/Settings/AdvanceOllamaSettings"
 import { ModelSettings } from "./model-settings"
 
 export const SettingsOllama = () => {

src/components/Option/Settings/other.tsx

@@ -29,7 +29,7 @@ export const SettingOther = () => {
     <dl className="flex flex-col space-y-6 text-sm">
       <div>
         <h2 className="text-base font-semibold leading-7 text-gray-900 dark:text-white">
-          {t("generalSettings.settings.heading")}
+          {t("generalSettings.title")}
         </h2>
         <div className="border border-b border-gray-200 dark:border-gray-600 mt-3"></div>
       </div>

src/components/Sidepanel/Chat/header.tsx

@@ -4,7 +4,7 @@ import { Link } from "react-router-dom"
 import { Tooltip } from "antd"
 import { BoxesIcon, BrainCog, CogIcon, EraserIcon } from "lucide-react"
 import { useTranslation } from "react-i18next"
-import { CurrentChatModelSettings } from "@/components/Common/CurrentChatModelSettings"
+import { CurrentChatModelSettings } from "@/components/Common/Settings/CurrentChatModelSettings"
 import React from "react"
 export const SidepanelHeader = () => {
   const { clearChat, isEmbedding, messages, streaming } = useMessage()

src/components/Sidepanel/Settings/body.tsx

@@ -23,7 +23,7 @@ import { MoonIcon, SunIcon } from "lucide-react"
 import { Trans, useTranslation } from "react-i18next"
 import { useI18n } from "@/hooks/useI18n"
 import { TTSModeSettings } from "@/components/Option/Settings/tts-mode"
-import { AdvanceOllamaSettings } from "@/components/Common/AdvanceOllamaSettings"
+import { AdvanceOllamaSettings } from "@/components/Common/Settings/AdvanceOllamaSettings"
 
 export const SettingsBody = () => {
   const { t } = useTranslation("settings")