Fix All Image Add Lazy Loading

src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/[id]/page.tsx

@@ -66,7 +66,7 @@ function Page() {
             Informasi Kegiatan Gotong Royong
           </Text>
         </Box>
-        <Image src={state.findUnique.data?.image?.link || ''} alt='' w={"100%"} />
+        <Image src={state.findUnique.data?.image?.link || ''} alt='' w={"100%"} loading="lazy"/>
       </Container>
       <Box px={{ base: "md", md: 100 }}>
         <Stack gap={"xs"}>

src/app/darmasaba/(pages)/lingkungan/gotong-royong/[kategori]/content.tsx

@@ -65,6 +65,7 @@ export default function Content({ kategori }: { kategori: string }) {
                     fit="cover"
                     radius="md"
                     style={{ borderBottomRightRadius: 0, borderTopRightRadius: 0 }}
+                    loading="lazy"
                   />
                 </GridCol>
                 <GridCol span={{ base: 12, md: 6 }} p="xl">
@@ -128,7 +129,7 @@ export default function Content({ kategori }: { kategori: string }) {
                   style={{ cursor: 'pointer' }}
                 >
                   <Card.Section>
-                    <Image src={item.image?.link} height={200} alt={item.judul} fit="cover" />
+                    <Image src={item.image?.link} height={200} alt={item.judul} fit="cover" loading="lazy"/>
                   </Card.Section>
                   <Badge color="blue" variant="light" mt="md">
                     {item.kategoriKegiatan?.nama || kategori}

src/app/darmasaba/(pages)/lingkungan/gotong-royong/semua/page.tsx

@@ -67,6 +67,7 @@ function Page() {
                     fit="cover"
                     radius="md"
                     style={{ borderBottomRightRadius: 0, borderTopRightRadius: 0 }}
+                    loading="lazy"
                   />
                 </GridCol>
                 <GridCol span={{ base: 12, md: 6 }} p="xl">
@@ -135,6 +136,7 @@ function Page() {
                       height={200}
                       alt={item.judul}
                       fit="cover"
+                      loading="lazy"
                     />
                   </Card.Section>