Fix All Image Add Lazy Loading

src/app/darmasaba/(tambahan)/penghargaan/[id]/page.tsx

@@ -74,6 +74,7 @@ function Page() {
             fit="contain"
             mah={400}
             fallbackSrc="https://placehold.co/600x400?text=Tidak+Ada+Gambar"
+            loading="lazy"
           />
         </Stack>
       </Container>

src/app/darmasaba/(tambahan)/prestasi-desa/[id]/page.tsx

@@ -72,6 +72,7 @@ function Page() {
                 alt={state.findUnique.data.name || 'Prestasi'} 
                 w={"100%"} 
                 style={{ maxHeight: '500px', objectFit: 'cover' }}
+                loading="lazy"
               />
             )}
             <Box mt="md">

src/app/darmasaba/(tambahan)/program-inovasi/[id]/page.tsx

@@ -78,6 +78,7 @@ function Page() {
               style={{
                 boxShadow: '0 0 25px rgba(0, 190, 255, 0.25)',
               }}
+              loading="lazy"
             />
           )}
 

src/app/darmasaba/(tambahan)/sdgs-desa/page.tsx

@@ -110,6 +110,7 @@ function Page() {
                       height={120}
                       fit="contain"
                       style={{ filter: 'drop-shadow(0px 2px 6px rgba(0,0,0,0.1))' }}
+                      loading="lazy"
                     />
                   </Box>
                   <Stack gap="xs" align="center" style={{ width: '100%' }}>