Add functions to commission form

src/app/(normal)/artworks/animalstudies/page.tsx

@@ -70,6 +70,9 @@ export default async function AnimalStudiesPage({ searchParams }: { searchParams
       metadata: true,
       tags: true,
       variants: true,
+      colors: {
+        select: { color: { select: { hex: true } } }
+      }
     },
     orderBy: [{ sortKey: "asc" }, { id: "asc" }],
   });

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

@@ -14,7 +14,7 @@ export default async function CommissionsPage() {
   })
 
   return (
-    <div className="container py-10 space-y-10">
+    <div className="mx-auto w-full max-w-6xl px-4 py-8 flex flex-col gap-8">
       <h1 className="text-3xl font-bold">Commission Pricing</h1>
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 items-start">
         {commissions.map((commission) => (

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

@@ -9,7 +9,7 @@ export default async function TosPage() {
   // console.log(tos?.markdown)
 
   return (
-    <div className="container py-10 space-y-10">
+    <div className="mx-auto w-full max-w-6xl px-4 py-8">
       <div className="markdown">
         <ReactMarkdown>{tos?.markdown}</ReactMarkdown>
       </div>