feat: use displayname for user image titles

https://github.com/NodeBB/NodeBB/issues/12997

public/language/en-GB/aria.json

@@ -2,6 +2,7 @@
 	"post-sort-option": "Post sort option, %1",
 	"topic-sort-option": "Topic sort option, %1",
 	"user-avatar-for": "User avatar for %1",
+	"profile-page-for": "Profile page for user %1",
 	"user-watched-tags": "User watched tags",
 	"delete-upload-button": "Delete upload button",
 	"group-page-link-for": "Group page link for %1"

public/src/modules/helpers.common.js

@@ -300,7 +300,7 @@ module.exports = function (utils, Benchpress, relative_path) {
 		}
 		classNames = classNames || '';
 		const attributes = new Map([
-			['title', userObj.username],
+			['title', userObj.displayname],
 			['data-uid', userObj.uid],
 			['class', `avatar ${classNames}${rounded ? ' avatar-rounded' : ''}`],
 		]);