Commiting to switch to a different orm

src/app/(root)/photos/page.tsx

@@ -11,21 +11,23 @@ export default async function Photos(): Promise<React.JSX.Element> {
   const {data: imageData} = await getImageData();
   
   return (
-    <Lightbox imageData={imageData.images}>
-      {imageData.images.map((image) => (
-        <Image
-          key={image.src}
-          alt={image.src}
-          src={image.src}
-          className="object-contain h-60 w-80"
-          sizes="100vw"
-          loading="lazy"
-          width={image.width}
-          height={image.height}
-          blurDataURL={image.blur}
-          placeholder="blur"
-        />
-      ))}
-    </Lightbox>
+    <div className="mx-auto">
+      <Lightbox imageData={imageData.images}>
+        {imageData.images.map((image) => (
+          <Image
+            key={image.src}
+            alt={image.src}
+            src={image.src}
+            className="object-contain h-60 w-80"
+            sizes="100vw"
+            loading="lazy"
+            width={image.width}
+            height={image.height}
+            blurDataURL={image.blur}
+            placeholder="blur"
+          />
+        ))}
+      </Lightbox>
+    </div>
   );
 }