update design and request pages dashboards & doctors & doctor item & clinics & clinic item and layout

app/dashboard/page.js

@@ -1,27 +1,35 @@
 import Content from "@/components/dashboard/Content";
-import { defineAbilitiesFor } from "@/lib/ability";
+import { defineAbilitiesFor, fetchReq } from "@/lib/ability";
 import { getUser } from "@/lib/auth";
 import { getStateInfo } from "@/lib/getStateInfo";
 import axios from "axios";
 import { cookies, headers } from "next/headers";
 import { redirect } from "next/navigation";
 
-export default async function Dashboard() {
+export default async function Dashboard({ searchParams }) {
   const { matchedCity } = getStateInfo();
   const user = await getUser();
   const ability = defineAbilitiesFor(user);
   const cookieStore = cookies();
   const token = cookieStore.get("access_token");
-  const uuid = "9ef7c050-6e81-4aa2-8248-283a16635624";
-  const response = await axios.get(
-    `https://back-dev.clinic-pro.ir/api/v1/user-profile/9ef7c050-6e81-4aa2-8248-283a16635624`,
-    {
-      headers: {
-        Authorization: `Bearer ${token.value}`,
-      },
-    }
-  );
-  const dashboard = response.data;
+  const uuid = cookieStore.get("uuid");
+
+  let dashboard = null;
+  try {
+    const response = await fetchReq(
+      `https://back-dev.clinic-pro.ir/api/v1/user-profile/${uuid}`,
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      }
+    );
+
+    dashboard = response.data;
+  } catch (error) {
+    // console.error("problem with req:", error.message);
+    // return redirect("/unauthorized");
+  }
 
   if (!ability.can("access", "Dashboard")) {
     return redirect("/");
@@ -32,8 +40,9 @@ export default async function Dashboard() {
 
   return (
     <Content
-      logged={token}
+      logged={token.value}
       dataUser={dashboard}
+      params={searchParams}
       matchedCity={matchedCity}
       initialTurnsDetails={isMobile}
     />