Fix All Image Add Lazy Loading

src/app/admin/(dashboard)/ppid/profile-ppid/[id]/page.tsx

@@ -28,6 +28,7 @@ function EditProfilePPID() {
 
   // Load data on mount
   useEffect(() => {
+
     const loadData = async () => {
       const id = params?.id as string;
       if (!id) {
@@ -230,6 +231,7 @@ function EditProfilePPID() {
                         borderRadius: '8px',
                         border: '1px solid #ddd',
                       }}
+                      loading='lazy'
                     />
                   </Box>
                 )}

src/app/admin/(dashboard)/ppid/profile-ppid/page.tsx

@@ -54,7 +54,7 @@ function Page() {
               <Grid>
                 <GridCol span={12}>
                   <Center>
-                    <Image src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo Desa" />
+                    <Image loading='lazy' src="/darmasaba-icon.png" w={{ base: 100, md: 150 }} alt="Logo Desa" />
                   </Center>
                 </GridCol>
                 <GridCol span={12}>
@@ -76,6 +76,7 @@ function Page() {
                       alt="Foto Profil PPID"
                       radius="md"
                       onError={(e) => { e.currentTarget.src = "/perbekel.png"; }}
+                      loading='lazy'
                     />
                   </Center>
                   <Paper