Fix avatar color consistency

ts/components/AddUserToAnotherGroupModal.tsx

@@ -129,7 +129,7 @@ export function AddUserToAnotherGroupModal({
       }
 
       return {
-        ...pick(convo, 'id', 'avatarUrl', 'title', 'hasAvatar'),
+        ...pick(convo, 'id', 'avatarUrl', 'title', 'hasAvatar', 'color'),
         memberships,
         membersCount,
         disabledReason,

ts/components/conversationList/GroupListItem.tsx

@@ -16,7 +16,12 @@ export enum DisabledReason {
 
 export type GroupListItemConversationType = Pick<
   ConversationType,
-  'avatarPlaceholderGradient' | 'id' | 'title' | 'avatarUrl' | 'hasAvatar'
+  | 'avatarPlaceholderGradient'
+  | 'id'
+  | 'title'
+  | 'avatarUrl'
+  | 'hasAvatar'
+  | 'color'
 > & {
   disabledReason: DisabledReason | undefined;
   membersCount: number;
@@ -57,6 +62,7 @@ export function GroupListItem({
         <Avatar
           avatarPlaceholderGradient={group.avatarPlaceholderGradient}
           avatarUrl={group.avatarUrl}
+          color={group.color}
           conversationType="group"
           hasAvatar={group.hasAvatar}
           i18n={i18n}

ts/state/smart/HeroRow.tsx

@@ -72,6 +72,7 @@ export const SmartHeroRow = memo(function SmartHeroRow({
     about,
     acceptedMessageRequest,
     avatarUrl,
+    color,
     groupDescription,
     hasAvatar,
     isMe,
@@ -95,6 +96,7 @@ export const SmartHeroRow = memo(function SmartHeroRow({
       acceptedMessageRequest={acceptedMessageRequest}
       avatarUrl={avatarUrl}
       badge={badge}
+      color={color}
       conversationType={type}
       fromOrAddedByTrustedContact={fromOrAddedByTrustedContact}
       groupDescription={groupDescription}