Refactr a lot of things

src/app/(normal)/galleries/[gallerySlug]/[albumSlug]/page.tsx

@@ -1,4 +1,4 @@
-import ImageList from "@/components/albums/ImageList";
+import ImageList from "@/components/lists/ImageList";
 import prisma from "@/lib/prisma";
 
 export default async function GalleryPage({ params }: { params: { gallerySlug: string, albumSlug: string } }) {
@@ -21,7 +21,7 @@ export default async function GalleryPage({ params }: { params: { gallerySlug: s
       },
     },
     include: {
-      images: true
+      images: { include: { colors: { include: { color: true } } } },
     }
   })
 
@@ -30,7 +30,7 @@ export default async function GalleryPage({ params }: { params: { gallerySlug: s
       {album && (
         <>
           <section className="text-center space-y-4">
-            <h1 className="text-4xl font-bold tracking-tight">{album.name}</h1>
+            <h1 className="text-4xl font-bold tracking-tight">Album: {album.name}</h1>
             <p className="text-lg text-muted-foreground">
               {album.description}
             </p>