Fix issue that thumbnails were not used

picture-gallery-client/src/ImageGallery/FolderGallery.tsx

@@ -13,7 +13,7 @@ export interface PhotoWithFolder extends ImageWithThumbnail {
 const PreviewFolder = ({ folder }: { folder: FolderPreview }) => {
   return (
     <img
-      src={folder.imagePreview.src}
+      src={folder.imagePreview.thumbnail}
       alt={folder.name}
       loading="lazy"
       style={{

picture-gallery-client/src/ImageGallery/ImageGallery.tsx

@@ -20,10 +20,10 @@ export const ImageGallery = ({ images }: { images: ImageWithThumbnail[] }) => {
     <>
       <MasonryPhotoAlbum
         photos={images}
-        componentsProps={{
-          image: {
-            loading: "lazy",
-          },
+        render={{
+          image: (props, context) => (
+            <img {...props} src={context.photo.thumbnail} loading={"lazy"} />
+          ),
         }}
         onClick={({ index }) => setIndex(index)}
       />