<div className="flex items-center gap-1.5">
          <UserAvatar
            user={{
              name: user?.attrs?.name || null,
              image: user?.attrs?.image || null,
            }}
            className="h-8 w-8"
          />
          <span className="text-gray-500">
            added{" "}
            {formatDistanceToNow(new Date(note?.createdAt), {
              addSuffix: true,
            })}
    </span>
  </div>