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

components/clinic/components/about/ListBime.js

@@ -56,9 +56,8 @@ function ListBime({ data }) {
 
       <ul
         ref={list}
-        className={`flex mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px] ${
-          showArrows ? "overflow-x-auto hidden-scroll" : "overflow-visible"
-        }`}
+        className={`flex mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px] ${showArrows ? "overflow-x-auto hidden-scroll" : "overflow-visible"
+          }`}
       >
         {data?.list_bime?.map((item, idx) => (
           <CustomLoading key={idx} width={itemWidth} height={110}>
@@ -67,7 +66,7 @@ function ListBime({ data }) {
               style={{ minWidth: itemWidth }}
             >
               <Image
-                src={item.logo?.[0]?.url || ""}
+                src={item.logo?.[0]?.url || "/assets/images/logo.png"}
                 height={92}
                 width={92}
                 alt="bime"

components/clinic/components/about/images/Images.js

@@ -21,7 +21,7 @@ function Images({ data }) {
           <CustomLoading width={600} height={400}>
             <Image
               className="rounded-[8px] overflow-hidden w-full h-full object-cover"
-              src={images_clinic[0].url || ""}
+              src={images_clinic[0]?.url || "/assets/images/clinic-img.png"}
               alt="img clinic"
               height={432}
               width={600}

components/clinic/components/about/images/Img.js

@@ -8,7 +8,7 @@ function Img({ url }) {
       <CustomLoading loading={true} width="full" height={190}>
         <Image
           className="rounded-[8px] overflow-hidden"
-          src={url || ""}
+          src={url || "/assets/images/clinic-img.png"}
           alt="img clinic"
           height={204}
           width={288}

components/clinic/components/about/images/List.js

@@ -8,16 +8,15 @@ function List({ data }) {
   return (
     <div
       className={`hidden w-full md:grid gap-[16px] lg:gap-[24px]
-        ${
-          lengthImgClinics === 1
-            ? "md:!hidden"
-            : lengthImgClinics === 2
-              ? "grid-cols-1 grid-rows-1"
-              : lengthImgClinics === 3
-                ? "grid-cols-1 grid-rows-2"
-                : lengthImgClinics === 4
-                  ? "grid-cols-2 grid-rows-2"
-                  : ""
+        ${lengthImgClinics === 1
+          ? "md:!hidden"
+          : lengthImgClinics === 2
+            ? "grid-cols-1 grid-rows-1"
+            : lengthImgClinics === 3
+              ? "grid-cols-1 grid-rows-2"
+              : lengthImgClinics === 4
+                ? "grid-cols-2 grid-rows-2"
+                : ""
         }
       `}
     >
@@ -25,20 +24,19 @@ function List({ data }) {
         idx !== 0 ? (
           <div
             key={idx}
-            className={`${
-              lengthImgClinics === 3
+            className={`${lengthImgClinics === 3
                 ? "h-full"
                 : lengthImgClinics === 4
                   ? idx === lengthImgClinics - 1
                     ? "w-[calc(200%+16px)] lg:w-[calc(200%+24px)]"
                     : "w-full h-full"
                   : "h-full w-full"
-            }`}
+              }`}
           >
             <CustomLoading width="full" height={190}>
               <Image
                 className="rounded-[8px] overflow-hidden w-full h-full object-cover"
-                src={img.url || ""}
+                src={img.url || "/assets/images/clinic-img.png"}
                 alt="img clinic"
                 height={204}
                 width={288}

components/clinics/list/ItemClinic.js

@@ -26,7 +26,7 @@ function ItemClinic({ setFilteredClinics, data, loading }) {
             width={60}
             height={60}
             className="object-cover rounded-full w-[64px] md:w-[68px] lg:w-[72px] h-[64px] md:h-[68px] lg:h-[72px]"
-            src={data.clinic_logo[0].url || ""}
+            src={data.clinic_logo?.[0]?.url || "/assets/images/logo.png"}
             alt="img clinic"
           />
         </CircularLoading>

components/doctor/detailDoctor/Title.js

@@ -16,7 +16,7 @@ function Title({ doctor }) {
             w-[40px] sm:w-[81px] md:w-[123px] lg:w-[164px]
             h-[40px] sm:h-[81px] md:h-[123px] lg:h-[164px]
           "
-          src={doctor?.img[0]?.url}
+          src={doctor?.img?.[0]?.url || "/assets/images/user.png"}
           alt="img-doctor"
           height={164}
           width={164}

components/layout/StLayout.js

@@ -3,9 +3,9 @@ import Footer from "./footer";
 import Header from "./header";
 import { cookies } from "next/headers";
 
-function StLayout({ children, name }) {
-  const { matchedCity } = getStateInfo();
-  const cookieStore = cookies();
+async function StLayout({ children, name }) {
+  const { matchedCity } = await getStateInfo();
+  const cookieStore = await cookies();
   const token = cookieStore.get("access_token");
 
   return (