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

app/clinics/page.js

@@ -1,10 +1,13 @@
 import ClinicsPage from "@/components/clinics";
 import Layout from "@/components/layout/StLayout";
+import { getStateInfo } from "@/lib/getStateInfo";
 
 function Clinics() {
+  const { matchedCity, matchedState } = getStateInfo();
+
   return (
     <Layout name='/clinics'>
-      <ClinicsPage />
+      <ClinicsPage matchedCity={matchedCity} matchedState={matchedState} />
     </Layout>
   );
 }

app/component/modalSearchCity/index.js

@@ -20,7 +20,6 @@ function ModalSearchCity({ children, selected, state, setSelected, open, setOpen
   const handleClose = () => setOpen(false);
 
   useEffect(() => {
-
     if (provinceSelected) {
       const selectedState = states.find(
         (state) => state.label === provinceSelected