Refine image page, add about page

src/components/images/ImageMetadataBox.tsx

@@ -1,11 +1,13 @@
 "use client"
 
-import { Album, Category, Tag } from "@/generated/prisma"
+import { Album, Category, Gallery, Tag } from "@/generated/prisma"
 import { CalendarDaysIcon, FolderIcon, LayersIcon, QuoteIcon, TagIcon } from "lucide-react"
 import Link from "next/link"
 
 type Props = {
-  album: Album | null
+  album: Album & {
+    gallery: Gallery | null
+  } | null
   categories: Category[]
   tags: Tag[]
   creationDate?: Date | null
@@ -61,7 +63,7 @@ export default function ImageMetadataBox({
       {album && (
         <div className="flex items-center gap-2  flex-wrap">
           <FolderIcon className="shrink-0 w-4 h-4 text-muted-foreground mt-[1px]" />
-          <Link href={`/galleries/${album.galleryId}/${album.slug}`} className="text-sm underline">
+          <Link href={`/galleries/${album.gallery?.slug}/${album.slug}`} className="text-sm underline">
             {album.name}
           </Link>
         </div>