Fix All Image Add Lazy Loading

src/app/darmasaba/(pages)/kesehatan/data-kesehatan-warga/artikel-kesehatan-page/page.tsx

@@ -51,7 +51,7 @@ function ArtikelKesehatanPage() {
                 onMouseLeave={(e) => (e.currentTarget.style.transform = 'translateY(0)')}
               >
                 <Card.Section>
-                  <Image src={item.image?.link} alt={item.title} height={200} fit="cover" />
+                  <Image src={item.image?.link} alt={item.title} height={200} fit="cover" loading="lazy"/>
                 </Card.Section>
                 <Stack gap="xs" mt="md">
                   <Text fw="bold" fz="xl" c="dark">{item.title}</Text>

src/app/darmasaba/(pages)/kesehatan/info-wabah-penyakit/page.tsx

@@ -108,6 +108,7 @@ function Page() {
                     src={v.image.link}
                     alt={v.name}
                     fit="cover"
+                    loading="lazy"
                   />
                   <Group justify="space-between" mt="sm">
                     <Text fw={700} fz="lg" c={colors['blue-button']}>

src/app/darmasaba/(pages)/kesehatan/kontak-darurat/page.tsx

@@ -107,6 +107,7 @@ function Page() {
                     h={140}
                     fit="contain"
                     radius="md"
+                    loading="lazy"
                   />
                   <Text ta="center" fw={700} fz="lg" c={colors['blue-button']}>
                     {v.name}

src/app/darmasaba/(pages)/kesehatan/penanganan-darurat/page.tsx

@@ -108,6 +108,7 @@ function Page() {
                       h={160}
                       fit="contain"
                       radius="md"
+                      loading="lazy"
                     />
                   </Center>
                   <Stack gap={4} w="100%">

src/app/darmasaba/(pages)/kesehatan/posyandu/page.tsx

@@ -98,6 +98,7 @@ export default function Page() {
                       w="100%"
                       h={180}
                       fit="cover"
+                      loading="lazy"
                     />
                   </Center>
                   <Flex align="center" gap="xs">

src/app/darmasaba/(pages)/kesehatan/program-kesehatan/[id]/page.tsx

@@ -49,6 +49,7 @@ function Page() {
                 w="100%"
                 maw={800}
                 fit="cover"
+                loading="lazy"
               />
             ) : (
               <Skeleton h={300} w="100%" radius="xl" />

src/app/darmasaba/(pages)/kesehatan/program-kesehatan/page.tsx

@@ -131,6 +131,7 @@ export default function Page() {
                       radius="xl"
                       height={180}
                       fit="cover"
+                      loading="lazy"
                     />
                     <Box px="lg" pb="lg">
                       <Text

src/app/darmasaba/(pages)/kesehatan/puskesmas/page.tsx

@@ -91,6 +91,7 @@ function Page() {
                     radius="md"
                     height={160}
                     fit="cover"
+                    loading="lazy"
                   />
                   <Group justify="space-between">
                     <Text fw={600} fz="lg" lineClamp={1}>{v.name}</Text>