chore: update dependencies in package.json

- Bumped versions for several packages including:
  - @emotion/styled from ^11.14.0 to ^11.14.1
  - @maptiler/sdk from ^2.4.0 to ^2.5.1
  - @mui/icons-material from ^7.1.0 to ^7.3.6
  - @mui/material from ^7.1.0 to ^7.3.6
  - @mui/styled-engine-sc from ^6.0.0-alpha.18 to ^6.4.9
  - @mui/x-charts from ^7.16.0 to ^7.29.1
  - @mui/x-date-pickers from ^7.17.0 to ^7.29.4
  - @next/third-parties from ^15.1.0 to ^15.5.7
  - axios from ^1.7.7 to ^1.13.2
  - dayjs from ^1.11.13 to ^1.11.19
  - jspdf from ^3.0.1 to ^3.0.4
  - next from ^14.2.20 to ^15.5.7
  - next-themes from ^0.3.0 to ^0.4.6
  - npm from ^10.8.2 to ^10.9.4
  - react from ^18.0.0 to ^18.3.1
  - react-dom from ^18 to ^18.3.1
  - react-easy-crop from ^5.1.0 to ^5.5.6
  - react-toastify from ^10.0.6 to ^11.0.5
  - sharp from ^0.34.1 to ^0.34.5
  - styled-components from ^6.1.11 to ^6.1.19
  - stylis from ^4.3.4 to ^4.3.6
  - swiper from ^11.1.9 to ^11.2.10
  - postcss from ^8 to ^8.5.6
  - prettier from ^3.5.3 to ^3.7.4
  - tailwindcss from ^3.4.1 to ^3.4.18

app/clinics/page.js

@@ -5,15 +5,16 @@ import { getStateInfo } from "@/lib/getStateInfo";
 import { buildClinicParams } from "@/helper";
 
 export default async function Clinics({ searchParams }) {
-  const { matchedCity, matchedState } = getStateInfo();
+  const awaitedSearchParams = await searchParams;
+  const { matchedCity, matchedState } = await getStateInfo();
   const API_URL = process.env.NEXT_PUBLIC_API_URL;
-  const stateParams = searchParams.state;
-  const cityParams = searchParams.city;
+  const stateParams = awaitedSearchParams.state;
+  const cityParams = awaitedSearchParams.city;
 
   let clinics;
   try {
     // Params
-    let newSearchParams = searchParams;
+    let newSearchParams = awaitedSearchParams;
 
     // Conditional State
     if (stateParams) newSearchParams.state = stateParams;
@@ -30,7 +31,7 @@ export default async function Clinics({ searchParams }) {
     clinics = await fetchReq(`${API_URL}/api/v1/clinics`, {
       params,
     });
-  } catch (err) {}
+  } catch (err) { }
 
   return (
     <Layout name="/clinics">

app/component/ItemDoctor.js

@@ -31,7 +31,7 @@ function ItemDoctor({ doctor, loading, setDoctors }) {
             width={72}
             height={72}
             alt="image-doctor"
-            src={doctor?.img && doctor?.img[0]?.url}
+            src={doctor?.img?.[0]?.url || "/assets/images/user.png"}
             className="object-contain rounded-full w-[64px] md:w-[68px] lg:w-[72px] h-[64px] md:h-[68px] lg:h-[72px]"
           />
         </CircularLoading>
@@ -83,11 +83,10 @@ function ItemDoctor({ doctor, loading, setDoctors }) {
       <CustomLoading loading={loading} width={150} height={20}>
         <p
           className={`text-[12px] font-medium rounded w-fit p-1.5 ml-[52px]
-                    ${
-                      Number(doctor?.active)
-                        ? "bg-[rgba(5,_186,_88,_0.04)] text-[#05BA58]"
-                        : "bg-[rgba(211,_47,_47,_0.04)] text-[#D32F2F]"
-                    }`}
+                    ${Number(doctor?.active)
+              ? "bg-[rgba(5,_186,_88,_0.04)] text-[#05BA58]"
+              : "bg-[rgba(211,_47,_47,_0.04)] text-[#D32F2F]"
+            }`}
         >
           {doctor?.free_turn}
         </p>

app/dashboard/page.js

@@ -7,11 +7,12 @@ import { cookies } from "next/headers";
 import { redirect } from "next/navigation";
 
 export default async function Dashboard({ searchParams }) {
-  const { matchedCity } = getStateInfo();
+  const awaitedSearchParams = await searchParams;
+  const { matchedCity } = await getStateInfo();
   const user = await getUser();
 
   const ability = defineAbilitiesFor(user);
-  const cookieStore = cookies();
+  const cookieStore = await cookies();
   const token = cookieStore.get("access_token");
 
   if (!ability.can("access", "Dashboard")) {
@@ -22,7 +23,7 @@ export default async function Dashboard({ searchParams }) {
   return (
     <Content
       logged={token.value}
-      params={searchParams}
+      params={awaitedSearchParams}
       matchedCity={matchedCity}
     />
   );

app/doctors/page.js

@@ -5,15 +5,16 @@ import { getStateInfo } from "@/lib/getStateInfo";
 import axios from "axios";
 
 async function Doctors({ searchParams }) {
-  const { matchedCity, matchedState } = getStateInfo();
+  const awaitedSearchParams = await searchParams;
+  const { matchedCity, matchedState } = await getStateInfo();
   const API_URL = process.env.NEXT_PUBLIC_API_URL;
 
   let doctors = null;
-  const stateParams = searchParams.state;
-  const cityParams = searchParams.city;
+  const stateParams = awaitedSearchParams.state;
+  const cityParams = awaitedSearchParams.city;
 
   try {
-    let newSearchParams = searchParams;
+    let newSearchParams = awaitedSearchParams;
 
     // Conditional State
     if (stateParams) newSearchParams.state = stateParams;

app/layout.js

@@ -11,9 +11,9 @@ import { getStateInfo } from "@/lib/getStateInfo";
 import { getCanonicalUrl } from "@/lib/getCanonicalUrl";
 
 export async function generateMetadata() {
-  const { matchedCity } = getStateInfo();
+  const { matchedCity } = await getStateInfo();
 
-  const canonicalUrl = getCanonicalUrl();
+  const canonicalUrl = await getCanonicalUrl();
 
   const baseMetadata = {
     title: matchedCity ? matchedCity.title : "نوبت724",

app/panel/(layout)/layout.js

@@ -17,7 +17,7 @@ async function LayoutPanel({ children }) {
   const API_URL = process.env.NEXT_PUBLIC_API_URL;
 
   try {
-    const cookieStore = cookies();
+    const cookieStore = await cookies();
     const userInfo = cookieStore.get("userInfo");
     const accessToken = cookieStore.get("access_token");