Refine image page, add about page

src/app/(normal)/about/page.tsx

@@ -8,7 +8,7 @@ export default function AboutPage() {
       <section className="text-center space-y-4">
         <h1 className="text-4xl font-bold tracking-tight">About</h1>
         <p className="text-muted-foreground text-lg">
-          Fellies is a network of services for a small group of fluffy furry and furry-friendly folks.<br />
+          Fellies is a network of services for a small group of fluffy, furry and furry-friendly folks.<br />
           We are here to support the furry and queer communities and provide a safe space for them to express themselves.<br />
           This place is my personal space to showcase all the beautiful artwork that my (currently) three OCs, including my main fursona Citali, have received from all the amazing and talented artists.
         </p>

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>