fix: standardize public avatar thumbnails

src/app/(site)/search/page.tsx

@@ -1,9 +1,8 @@
 import { and, eq, like } from "drizzle-orm";
 import type { Metadata } from "next";
-import Image from "next/image";
 import Link from "next/link";
+import { UserAvatarThumbnail } from "@/components/shared/user-avatar-thumbnail";
 import { db, Rooms, User } from "@/lib/db";
-import { avatarImageUrl } from "@/lib/format";
 
 export const metadata: Metadata = { title: "Search" };
 
@@ -134,15 +133,10 @@ export default async function SearchPage({
 										"color-mix(in srgb, var(--color-primary) 4%, transparent)",
 								}}
 							>
-								<Image
-									src={avatarImageUrl(u.look, {
-										headOnly: true,
-										direction: 2,
-									})}
+								<UserAvatarThumbnail
+									figure={u.look}
 									alt={u.username}
-									width={40}
-									height={48}
-									unoptimized
+									options={{ direction: 2 }}
 									className="rounded-lg"
 								/>
 								<span