feat: optimize covers display

components/awtis/awtis-kat.js

@@ -66,7 +66,8 @@ export default function AwtisKat({artiste}) {
               className={classes.media}
               component='img'
               alt={alias}
-              image={`${photo?.url ? `${IMAGE_URL}${photo?.url}` : noImageUrl}`}
+              image={`${photo?.url ? `${IMAGE_URL}${photo?.formats?.thumbnail?.url || photo?.url}` : noImageUrl}`}
+            loading='lazy'
               title={alias}
             />
             <CardContent>

components/teks/teks-kat.js

@@ -57,8 +57,9 @@ export default function TeksKat({parole}) {
             className={classes.media}
             component='img'
             alt={titre}
-            image={couverture?.url ? `${IMAGE_URL}${couverture.url}` : noImageUrl}
+            image={couverture?.url ? `${IMAGE_URL}${couverture.formats?.thumbnail?.url || couverture.url}` : noImageUrl}
             title={titre}
+            loading='lazy'
           />
           <CardContent>
             <Box sx={{display: 'flex', alignItems: 'center'}}>