new settings for rag

src/components/Layouts/SettingsOptionLayout.tsx

@@ -1,10 +1,11 @@
 import {
-  Book,
-  BrainCircuit,
-  Orbit,
-  Share,
+  BookIcon,
+  BrainCircuitIcon,
+  OrbitIcon,
+  ShareIcon,
   BlocksIcon,
-  InfoIcon
+  InfoIcon,
+  CombineIcon,
 } from "lucide-react"
 import { useTranslation } from "react-i18next"
 import { Link, useLocation } from "react-router-dom"
@@ -35,7 +36,7 @@ const LinkComponent = (item: {
           className={classNames(
             item.current === item.href
               ? "text-gray-600 dark:text-white"
-              : "text-gray-400 group-hover:text-gray-600 dark:text-gray-200 dark:group-hover:text-white",
+              : "text-gray-500 group-hover:text-gray-600 dark:text-gray-200 dark:group-hover:text-white",
             "h-6 w-6 shrink-0"
           )}
           aria-hidden="true"
@@ -61,7 +62,13 @@ export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
               <LinkComponent
                 href="/settings"
                 name={t("generalSettings.title")}
-                icon={Orbit}
+                icon={OrbitIcon}
+                current={location.pathname}
+              />
+               <LinkComponent
+                href="/settings/rag"
+                name={t("rag.title")}
+                icon={CombineIcon}
                 current={location.pathname}
               />
               <LinkComponent
@@ -74,7 +81,7 @@ export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
                 href="/settings/model"
                 name={t("manageModels.title")}
                 current={location.pathname}
-                icon={BrainCircuit}
+                icon={BrainCircuitIcon}
               />
               <LinkComponent
                 href="/settings/knowledge"
@@ -89,13 +96,13 @@ export const SettingsLayout = ({ children }: { children: React.ReactNode }) => {
               <LinkComponent
                 href="/settings/prompt"
                 name={t("managePrompts.title")}
-                icon={Book}
+                icon={BookIcon}
                 current={location.pathname}
               />
               <LinkComponent
                 href="/settings/share"
                 name={t("manageShare.title")}
-                icon={Share}
+                icon={ShareIcon}
                 current={location.pathname}
               />
               <LinkComponent