Make avatar imager resilient with upstream fallback everywhere

src/app/admin/users/_components/user-hero.tsx

@@ -18,7 +18,7 @@ import { CurrencyIcon } from "@/components/shared/currency-icon";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { formatNumber } from "@/lib/format-date";
-import { getAvatarUrl } from "@/lib/imager";
+import { avatarImageOnError, getAvatarUrl } from "@/lib/imager";
 import { userDetailHref, userListHref } from "../user-list-navigation";
 
 interface UserHeroProps {
@@ -83,6 +83,7 @@ export function UserHero({
 						<img
 							src={getAvatarUrl(user.look, { headDirection: 2, direction: 2 })}
 							alt={user.username}
+							onError={avatarImageOnError}
 							className="h-28 rounded-lg border bg-card shadow-sm"
 							style={{ imageRendering: "pixelated" }}
 						/>

src/app/admin/users/users-table.tsx

@@ -32,7 +32,7 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { formatDate, formatNumber } from "@/lib/format-date";
-import { getAvatarUrl } from "@/lib/imager";
+import { avatarImageOnError, getAvatarUrl } from "@/lib/imager";
 import type { DataTableColumn, PaginatedResult } from "@/types/common";
 
 interface UserRow {
@@ -81,6 +81,7 @@ function getColumns(canEdit: boolean): DataTableColumn<UserRow>[] {
 						alt=""
 						width={64}
 						height={110}
+						onError={avatarImageOnError}
 						className="h-[110px] w-16 shrink-0"
 						style={{ imageRendering: "pixelated" }}
 					/>