chore: bump version to 4.0

packages/ui/src/user/avatar.tsx

@@ -6,32 +6,32 @@ import { useMemo } from "react";
 import { useUserContext } from "./provider";
 
 export function UserAvatar({ className }: { className?: string }) {
-  const user = useUserContext();
+	const user = useUserContext();
 
-  const fallbackAvatar = useMemo(
-    () =>
-      `data:image/svg+xml;utf8,${encodeURIComponent(
-        minidenticon(user.pubkey || nanoid(), 90, 50),
-      )}`,
-    [user],
-  );
+	const fallbackAvatar = useMemo(
+		() =>
+			`data:image/svg+xml;utf8,${encodeURIComponent(
+				minidenticon(user.pubkey || nanoid(), 90, 50),
+			)}`,
+		[user],
+	);
 
-  return (
-    <Avatar.Root className="shrink-0">
-      <Avatar.Image
-        src={user.profile?.picture}
-        alt={user.pubkey}
-        loading="eager"
-        decoding="async"
-        className={cn("outline-[.5px] outline-black/5", className)}
-      />
-      <Avatar.Fallback delayMs={120}>
-        <img
-          src={fallbackAvatar}
-          alt={user.pubkey}
-          className={cn("bg-black dark:bg-white", className)}
-        />
-      </Avatar.Fallback>
-    </Avatar.Root>
-  );
+	return (
+		<Avatar.Root className="shrink-0">
+			<Avatar.Image
+				src={user.profile?.picture}
+				alt={user.pubkey}
+				loading="eager"
+				decoding="async"
+				className={cn("outline-[.5px] outline-black/5", className)}
+			/>
+			<Avatar.Fallback delayMs={120}>
+				<img
+					src={fallbackAvatar}
+					alt={user.pubkey}
+					className={cn("bg-black dark:bg-white", className)}
+				/>
+			</Avatar.Fallback>
+		</Avatar.Root>
+	);
 }