Fix All Image Add Lazy Loading

src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/edit/page.tsx

@@ -186,7 +186,7 @@ function EditKeamananLingkungan() {
           </Dropzone>
 
           {previewImage ? (
-            <Image alt="" src={previewImage} w={200} h={200} />
+            <Image alt="" src={previewImage} w={200} h={200} loading="lazy"/>
           ) : (
             <Center w={200} h={200} bg={"gray"}>
               <IconImageInPicture />

src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/[id]/page.tsx

@@ -77,6 +77,7 @@ function DetailKeamananLingkungan() {
                   w={{ base: 150, md: 490 }}
                   src={data?.image?.link}
                   alt="gambar keamanan lingkungan"
+                  loading="lazy"
                 />
               </Box>
 

src/app/admin/(dashboard)/keamanan/keamanan-lingkungan-pecalang-patwal/create/page.tsx

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

src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/edit/page.tsx

@@ -175,6 +175,7 @@ function EditTipsKeamanan() {
                     objectFit: "contain",
                     border: `1px solid ${colors["blue-button"]}`,
                   }}
+                  loading="lazy"
                 />
               </Box>
             ) : (

src/app/admin/(dashboard)/keamanan/tips-keamanan/[id]/page.tsx

@@ -90,6 +90,7 @@ function DetailTipsKeamanan() {
                     h={150}
                     radius="md"
                     fit="cover"
+                    loading="lazy"
                   />
                 ) : (
                   <Text fz="sm" c="dimmed">Tidak ada gambar</Text>

src/app/admin/(dashboard)/keamanan/tips-keamanan/create/page.tsx

@@ -128,6 +128,7 @@ function CreateKeamananLingkungan() {
                   alt="Preview Gambar"
                   radius="md"
                   style={{ maxHeight: 200, objectFit: 'contain', border: '1px solid #ddd' }}
+                  loading="lazy"
                 />
               </Box>
             )}