Fix All Image Add Lazy Loading

src/app/darmasaba/(pages)/desa/berita/[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">
@@ -124,11 +125,11 @@ export default function Content({ kategori }: { kategori: string }) {
                   p="lg"
                   radius="md"
                   withBorder
-                  onClick={() => router.push(`/darmasaba/desa/berita/${item.id}`)}
+                  onClick={() => router.push(`/darmasaba/desa/berita/${kategori}/${item.id}`)}
                   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.kategoriBerita?.name || kategori}

src/app/darmasaba/(pages)/desa/berita/[kategori]/[id]/page.tsx

@@ -64,7 +64,7 @@ function Page() {
             Informasi dan Pelayanan Administrasi Digital
           </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)/desa/berita/semua/page.tsx

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