change footer & add pagination to doctors page & add page specialties

components/layout/Header.js

@@ -3,7 +3,10 @@ import { listNav } from "@/constans";
 import { Button } from "@mui/material";
 import Link from "next/link";
 
-function Header() {
+function Header({ name }) {
+
+    console.log(name);
+
     return (
         <div
             className="bg-[#FAFAFA] rounded-lg shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] w-full mx-auto"
@@ -18,9 +21,9 @@ function Header() {
                             <Link
                                 href={nav.link}
                                 className={`
-                                ${nav.id === 1 ? 'text-[#526CAC]' : 'text-[#525252]'}
-                                text-[16px] font-medium
-                            `}
+                                ${nav.link.replace('/', '') === name ? '!text-[#526CAC]' : 'text-[#525252]'}
+                                    text-[16px] font-medium
+                                `}
                             >
                                 {nav.name}
                             </Link>