Add search mode settings and textarea focus on form submission

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

@@ -0,0 +1,37 @@
+import { useQuery, useQueryClient } from "@tanstack/react-query"
+import { Skeleton, Switch } from "antd"
+import {
+  getIsSimpleInternetSearch,
+  setIsSimpleInternetSearch
+} from "~services/ollama"
+
+export const SearchModeSettings = () => {
+  const { data, status } = useQuery({
+    queryKey: ["fetchIsSimpleInternetSearch"],
+    queryFn: () => getIsSimpleInternetSearch()
+  })
+
+  const queryClient = useQueryClient()
+
+  if (status === "pending" || status === "error") {
+    return <Skeleton active />
+  }
+
+  return (
+    <div className="flex flex-row justify-between">
+      <span className="text-gray-500 dark:text-gray-400 text-lg">
+        Perform Simple Internet Search
+      </span>
+
+      <Switch
+        checked={data}
+        onChange={(checked) => {
+          setIsSimpleInternetSearch(checked)
+          queryClient.invalidateQueries({
+            queryKey: ["fetchIsSimpleInternetSearch"]
+          })
+        }}
+      />
+    </div>
+  )
+}