modal search and default valud of province and city and handle search && show searched state in clinics page

components/home/TextHeader.js

@@ -12,11 +12,15 @@ function TextHeader() {
             </h1>
             <h2
                 className="text-[#525252] text-center mt-2.5 font-kalame text-[16px] sm:text-[25px] md:text-[31px] lg:text-[36px] 
-            font-bold flex items-center gap-1 sm:gap-2"
+            font-bold flex items-center gap-0.5 sm:gap-1 md:gap-2"
             >
-                <BText />
+                <div className="max-w-[18px] sm:max-w-[22px]">
+                    <BText />
+                </div>
                 {matchedCity?.slogan}
-                <AText />
+                <div className="max-w-[18px] sm:max-w-[22px]">
+                    <AText />
+                </div>
             </h2>
         </div>
     )

components/home/search/index.js

@@ -1,5 +1,4 @@
-import { Button, ButtonGroup, TextField } from "@mui/material";
-import SearchD from "@/components/icons/SearchD";
+import { ButtonGroup } from "@mui/material";
 import Fields from "./Fields";
 import { getStateInfo } from "@/lib/getStateInfo";