add blobert to account page, collection list style

apps/nextjs/src/app/_components/CollectionCard.tsx

@@ -18,7 +18,7 @@ export const CollectionCard = ({ collection }: Props) => {
           alt={collection.name}
           width={50}
           height={50}
-          className="rounded-full"
+          className="w-24 rounded-full"
         />
       )}
       <div className="flex flex-grow justify-between pl-4">

apps/nextjs/src/app/user/[address]/blobert/page.tsx

@@ -0,0 +1,23 @@
+import { Suspense } from "react";
+import { LoadingSkeletonGrid } from "@/app/_components/LoadingSkeletonGrid";
+import L2ERC721Table from "@/app/collection/[id]/(list)/L2ERC721Table";
+import { SUPPORTED_L2_CHAIN_ID } from "@/constants/env";
+
+import { Collections, getCollectionAddresses } from "@realms-world/constants";
+
+export default async function Page({
+  params,
+}: {
+  params: { address: string };
+}) {
+  return (
+    <Suspense fallback={<LoadingSkeletonGrid />}>
+      <L2ERC721Table
+        contractAddress={
+          getCollectionAddresses(Collections.BLOBERT)[SUPPORTED_L2_CHAIN_ID]!
+        }
+        ownerAddress={params.address}
+      />
+    </Suspense>
+  );
+}