Delete unused files and update API calls

src/routes/index.tsx

@@ -3,8 +3,10 @@ import { SidepanelChat } from "./sidepanel-chat"
 import { useDarkMode } from "~hooks/useDarkmode"
 import { SidepanelSettings } from "./sidepanel-settings"
 import { OptionIndex } from "./option-index"
-import { OptionModal } from "./option-model"
-import { OptionPrompt } from "./option-prompt"
+import { OptionModal } from "./option-settings-model"
+import { OptionPrompt } from "./option-settings-prompt"
+import { OptionOllamaSettings } from "./options-settings-ollama"
+import { OptionSettings } from "./option-settings"
 
 export const OptionRouting = () => {
   const { mode } = useDarkMode()
@@ -13,8 +15,10 @@ export const OptionRouting = () => {
     <div className={mode === "dark" ? "dark" : "light"}>
       <Routes>
         <Route path="/" element={<OptionIndex />} />
-        <Route path="/models" element={<OptionModal />} />
-        <Route path="/prompts" element={<OptionPrompt />} />
+        <Route path="/settings" element={<OptionSettings />} />
+        <Route path="/settings/model" element={<OptionModal />} />
+        <Route path="/settings/prompt" element={<OptionPrompt />} />
+        <Route path="/settings/ollama" element={<OptionOllamaSettings />} />
       </Routes>
     </div>
   )

src/routes/option-settings-model.tsx

@@ -1,10 +1,13 @@
+import { SettingsLayout } from "~components/Layouts/SettingsOptionLayout"
 import OptionLayout from "~components/Option/Layout"
 import { ModelsBody } from "~components/Option/Models"
 
 export const OptionModal = () => {
   return (
     <OptionLayout>
-      <ModelsBody />
+      <SettingsLayout>
+        <ModelsBody />
+      </SettingsLayout>
     </OptionLayout>
   )
 }

src/routes/option-settings-prompt.tsx

@@ -1,10 +1,13 @@
+import { SettingsLayout } from "~components/Layouts/SettingsOptionLayout"
 import OptionLayout from "~components/Option/Layout"
 import { PromptBody } from "~components/Option/Prompt"
 
 export const OptionPrompt = () => {
   return (
     <OptionLayout>
-      <PromptBody />
+      <SettingsLayout>
+        <PromptBody />
+      </SettingsLayout>
     </OptionLayout>
   )
 }

src/routes/option-settings.tsx

@@ -0,0 +1,13 @@
+import { SettingsLayout } from "~components/Layouts/SettingsOptionLayout"
+import OptionLayout from "~components/Option/Layout"
+import { SettingOther } from "~components/Option/Settings/other"
+
+export const OptionSettings = () => {
+  return (
+    <OptionLayout>
+      <SettingsLayout>
+        <SettingOther />
+      </SettingsLayout>
+    </OptionLayout>
+  )
+}

src/routes/options-settings-ollama.tsx

@@ -0,0 +1,13 @@
+import { SettingsLayout } from "~components/Layouts/SettingsOptionLayout"
+import OptionLayout from "~components/Option/Layout"
+import { SettingsOllama } from "~components/Option/Settings/ollama"
+
+export const OptionOllamaSettings = () => {
+  return (
+    <OptionLayout>
+      <SettingsLayout>
+        <SettingsOllama />
+      </SettingsLayout>
+    </OptionLayout>
+  )
+}