feat: implement search URL building and enhance search functionality in Fields and RedirectLink components

components/home/search/Fields.js

@@ -1,6 +1,8 @@
 "use client";
 
 import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { buildSearchUrl } from "@/lib/buildSearchUrl";
 
 import RedirectLink from "./RedirectLink";
 import ModalSearchCity from "./modal";
@@ -9,6 +11,7 @@ import specialtiesData from "@/data/specialties.json";
 import AutoCompleteSearch from "@/components/searchHead/smSearch/AutoCompleteSearch";
 
 function Fields({ city, state }) {
+  const router = useRouter();
   const [open, setOpen] = useState(false);
   const [data, setData] = useState({
     province: state?.name || "",
@@ -33,7 +36,8 @@ function Fields({ city, state }) {
           noneBg={true}
           data={specialtiesData}
           inputValue={data.search}
-          handleSearch={(e) => setData({ data, search: e })}
+          handleSearch={(e) => setData({ ...data, search: e })}
+          onEnter={(value) => router.push(buildSearchUrl({ ...data, search: value }))}
           placeholder="جستجوی نام پزشک، تخصص "
         />
       </div>