handle limit page dashboard & change header profile user & get data from api in page clinics & clinic item and doctor item

components/layout/header/Content.js

@@ -10,7 +10,7 @@ import BgGray from "./list/col/BgGray";
 import UserLogin from "@/components/icons/UserLogin";
 import { useState } from "react";
 
-function Content({ matchedCity, name }) {
+function Content({ matchedCity, name, logged }) {
   const [isActive, setIsActive] = useState(false);
 
   return (
@@ -33,20 +33,23 @@ function Content({ matchedCity, name }) {
         </div>
       </div>
       <Row name={name} />
-      <Link href="/login">
-        <Button className="!hidden lg:!flex" variant="outlined" color="primary">
-          ورود | ثبت نام
-        </Button>
-        <Button
-          className={`!flex lg:!hidden !p-2 !rounded-full transition-all duration-500 !bg-[#EFEFEF]`}
-          variant="text"
-          color="primary"
-        >
-          <div className="flex lg:hidden">
+      {logged ? (
+        <Link href="/dashboard">
+          <Button
+            className={`!flex !p-2 !rounded-full transition-all duration-500 !bg-[#EFEFEF]`}
+            variant="text"
+            color="primary"
+          >
             <UserLogin />
-          </div>
-        </Button>
-      </Link>
+          </Button>
+        </Link>
+      ) : (
+        <Link href="/login">
+          <Button variant="outlined" color="primary">
+            ورود | ثبت نام
+          </Button>
+        </Link>
+      )}
     </div>
   );
 }

components/layout/header/index.js

@@ -1,9 +1,9 @@
 import Content from "./Content";
 
-function Header({ matchedCity, name }) {
+function Header({ matchedCity, name, logged }) {
   return (
     <div className="bg-[#FFF] rounded-lg w-full mx-auto">
-      <Content matchedCity={matchedCity} name={name} />
+      <Content matchedCity={matchedCity} name={name} logged={logged} />
     </div>
   );
 }