change style menu home & responsive head and footer home & list doctors

components/home/FrequentSearches.js

@@ -3,7 +3,7 @@ import { Button } from "@mui/material"
 
 function FrequentSearches() {
     return (
-        <div className="flex mt-3 items-center justify-start lg:justify-center gap-4 w-full lg:w-fit">
+        <div className="flex mt-3 items-center justify-start lg:justify-center gap-[8px] sm:gap-[10px] md:gap-[13px] lg:gap-[16px] w-full lg:w-fit">
             <p className="text-[#3B3B3B] text-[16px] font-normal text-nowrap">جستجوهای پر تکرار:</p>
             <div className="overflow-auto hidden-scroll">
                 <ul className="flex items-center justify-start gap-[14px]">
@@ -12,7 +12,7 @@ function FrequentSearches() {
                             <Button
                                 variant="contained"
                                 color="secondary"
-                                className="!py-2 !px-4 !rounded-[4px] !shadow-none !text-[14px] !font-normal !border !border-solid !border-[#D7D7D7]"
+                                className="!py-2 !px-[12px] sm:!px-[14px] md:!px-[15px] lg:!px-[16px] !text-[12px] lg:!text-[14px] !rounded-[4px] !shadow-none !font-normal !border !border-solid !border-[#D7D7D7]"
                             >{item}</Button>
                         </li>
                     ))}