Add better image styles

src/components/albums/ImageList.tsx

@@ -1,4 +1,5 @@
 import { Image } from "@/generated/prisma";
+import clsx from "clsx";
 import NextImage from "next/image";
 import Link from "next/link";
 
@@ -17,7 +18,10 @@ export default function ImageList({ images, gallerySlug, albumSlug }: { images:
                     src={`/api/image/thumbnails/${img.fileKey}.webp`}
                     alt={img.imageName}
                     fill
-                    className="object-cover"
+                    className={clsx(
+                      " object-cover",
+                      img.nsfw && "blur-md scale-105"
+                    )}
                   />
                 ) : (
                   <div className="flex items-center justify-center h-full text-muted-foreground text-sm">