Fix widget user page not showing team member custom roles

app/features/team/TeamRepository.server.ts

@@ -108,6 +108,7 @@ export function findAllMemberOfByUserId(userId: number) {
 			"Team.name",
 			"Team.mapModePreferences",
 			"TeamMemberWithSecondary.role",
+			"TeamMemberWithSecondary.customRole",
 			"TeamMemberWithSecondary.isOwner",
 			"TeamMemberWithSecondary.isManager",
 			concatUserSubmittedImagePrefix(eb.ref("UserSubmittedImage.url")).as(

app/features/user-page/components/Widget.tsx

@@ -92,7 +92,9 @@ export function Widget({
 							url: teamPage(team.customUrl),
 							name: team.name,
 							logoUrl: team.logoUrl,
-							roleDisplayName: team.role ? t(`team:roles.${team.role}`) : null,
+							roleDisplayName:
+								team.customRole ??
+								(team.role ? t(`team:roles.${team.role}`) : null),
 						}))}
 					/>
 				);