fix image fallback bug

src/app/auth/components/user.tsx

@@ -22,7 +22,8 @@ export function User({ pubkey }: { pubkey: string }) {
 		<div className="flex items-center gap-2">
 			<div className="relative h-11 w-11 shrink rounded-md">
 				<Image
-					src={user.image || DEFAULT_AVATAR}
+					src={user.image}
+					fallback={DEFAULT_AVATAR}
 					alt={pubkey}
 					className="h-11 w-11 rounded-md object-cover"
 					decoding="async"

src/app/auth/pages/create/step-2/index.page.tsx

@@ -66,6 +66,7 @@ export function Page() {
 							<div className="relative inline-flex h-36 w-full items-center justify-center overflow-hidden rounded-lg border border-zinc-900 bg-zinc-950">
 								<Image
 									src={image}
+									fallback={DEFAULT_AVATAR}
 									alt="avatar"
 									className="relative z-10 h-11 w-11 rounded-md"
 								/>