handle active list header links

app/about-us/page.js

@@ -3,7 +3,7 @@ import Layout from "@/components/layout/StLayout";
 
 function AboutUs() {
   return (
-    <Layout>
+    <Layout name='/about-us'>
       <AboutUsPage />
     </Layout>
   );

app/blogs/page.js

@@ -3,7 +3,7 @@ import Layout from "@/components/layout/StLayout";
 
 function Blogs() {
   return (
-    <Layout>
+    <Layout name='/blogs'>
       <BlogsPage />
     </Layout>
   );

app/clinics/page.js

@@ -3,7 +3,7 @@ import Layout from "@/components/layout/StLayout";
 
 function Clinics() {
   return (
-    <Layout>
+    <Layout name='/clinics'>
       <ClinicsPage />
     </Layout>
   );

app/contact-us/page.js

@@ -3,7 +3,7 @@ import Layout from "@/components/layout/StLayout";
 
 function ContactUs() {
   return (
-    <Layout title="تماس با ما" name="contact-us">
+    <Layout name="/contact-us">
       <ContactUsPage />
     </Layout>
   );

app/page.js

@@ -3,7 +3,7 @@ import Layout from "@/components/layout/StLayout";
 
 export default function Home() {
   return (
-    <Layout>
+    <Layout name='/'>
       <HomePage />
     </Layout>
   );

app/specialties/page.js

@@ -3,7 +3,7 @@ import SpecialtiesPage from "@/components/specialties";
 
 function Specialties() {
   return (
-    <Layout title="تخصص ها" name="specialties">
+    <Layout name="/specialties">
       <SpecialtiesPage />
     </Layout>
   );