change responsive page doctors & change modal and responsive & responsive page doctor item

components/doctors/search/index.js

@@ -4,7 +4,7 @@ import ArrowBottomD from "@/components/icons/ArrowBottomD";
 import SearchD from "@/components/icons/SearchD";
 import FilterModal from "../modal/FilterModal";
 
-function SearchBar() {
+function SearchBar({ data, setData }) {
     return (
         <ButtonGroup
             variant="contained"
@@ -12,7 +12,7 @@ function SearchBar() {
             flex items-center !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]
             !h-[44px] sm:!h-[50px] md:!h-[57px] lg:!h-[64px]"
         >
-            <FilterModal>
+            <FilterModal data={data} setData={setData}>
                 <Button
                     className="!border-none !hidden lg:!flex !max-h-full !min-w-fit !h-[64px] !px-2 !bg-[#F8F8FF] !rounded-l-none"
                     variant="contained"