Add animal bool to tags

src/app/categories/page.tsx

@@ -1,10 +1,15 @@
-import ItemList from "@/components/lists/ItemList";
+import CategoryTable from "@/components/categories/CategoryTable";
 import { prisma } from "@/lib/prisma";
 import { PlusCircleIcon } from "lucide-react";
 import Link from "next/link";
 
 export default async function CategoriesPage() {
-  const items = await prisma.artCategory.findMany({})
+  const items = await prisma.artCategory.findMany({
+    include: {
+      _count: { select: { artworks: true, tags: true } },
+    },
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  });
 
   return (
     <div>
@@ -14,7 +19,11 @@ export default async function CategoriesPage() {
           <PlusCircleIcon className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all text-primary-foreground" /> Add new category
         </Link>
       </div>
-      {items && items.length > 0 ? <ItemList items={items} type="categories" /> : <p>There are no categories yet. Consider adding some!</p>}
+      {items.length > 0 ? (
+        <CategoryTable categories={items} />
+      ) : (
+        <p>There are no categories yet. Consider adding some!</p>
+      )}
     </div>
   );
 }