Reset, clean up and bump deps

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

@@ -1,5 +1,5 @@
 import Image from "next/image";
-import Lightbox from "@/components/lightbox";
+import FilteredLightbox from "@/components/lightbox";
 import { type GetPhotos } from "@/app/api/photos/route";
 
 async function getImageData(): Promise<GetPhotos> {
@@ -12,7 +12,7 @@ export default async function Photos(): Promise<React.JSX.Element> {
   
   return (
     <div className="mx-auto">
-      <Lightbox imageData={imageData.images}>
+      <FilteredLightbox imageData={imageData.images}>
         {imageData.images.map((image) => (
           <Image
             key={image.src}
@@ -27,7 +27,7 @@ export default async function Photos(): Promise<React.JSX.Element> {
             placeholder="blur"
           />
         ))}
-      </Lightbox>
+      </FilteredLightbox>
     </div>
   );
 }