Fix All Image Add Lazy Loading

src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/edit/page.tsx

@@ -224,6 +224,7 @@ function EditGotongRoyong() {
                       borderRadius: '8px',
                       border: '1px solid #ddd',
                     }}
+                    loading="lazy"
                   />
                 </Box>
               )}

src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/[id]/page.tsx

@@ -86,7 +86,7 @@ function DetailKegiatanDesa() {
                 </Box>
                 <Box>
                   <Text fw={"bold"} fz={"lg"}>Gambar</Text>
-                  <Image w={{ base: 150, md: 150, lg: 150 }} src={kegiatanDesaState.findUnique.data?.image?.link} alt="gambar" />
+                  <Image w={{ base: 150, md: 150, lg: 150 }} src={kegiatanDesaState.findUnique.data?.image?.link} alt="gambar" loading="lazy" />
                 </Box>
                 <Flex gap={"xs"} mt={10}>
                   <Button

src/app/admin/(dashboard)/lingkungan/gotong-royong/kegiatan-desa/create/page.tsx

@@ -122,6 +122,7 @@ function CreateKegiatanDesa() {
                       borderRadius: '8px',
                       border: '1px solid #ddd',
                     }}
+                    loading="lazy"
                   />
                 </Box>
               )}