fix: introduce color pallete for avatar

Author: khushal87

package/src/components/Poll/components/PollOption.tsx

@@ -119,9 +119,9 @@ export const PollOption = ({ option, showProgressBar = true }: PollOptionProps)
         <VoteButton option={option} />
         <Text style={[styles.text, { color: black }, text]}>{option.text}</Text>
         <View style={[styles.votesContainer, votesContainer]}>
-          {relevantVotes.map((vote: PollVote) => (
-            <UserAvatar user={vote.user} size='xs' showBorder key={vote.id} />
-          ))}
+          {relevantVotes.map((vote: PollVote) =>
+            vote.user ? <UserAvatar user={vote.user} size='xs' showBorder key={vote.id} /> : null,
+          )}
           <Text style={{ color: black, marginLeft: 2 }}>{voteCountsByOption[option.id] || 0}</Text>
         </View>
       </View>

package/src/components/Poll/components/PollResults/PollVote.tsx

@@ -43,7 +43,7 @@ export const PollVote = ({ vote }: { vote: PollVoteClass }) => {
   return (
     <View style={[styles.voteContainer, container]}>
       <View style={styles.userContainer}>
-        {!isAnonymous ? <UserAvatar user={vote.user} size='xs' showBorder /> : null}
+        {!isAnonymous && vote.user ? <UserAvatar user={vote.user} size='xs' showBorder /> : null}
         <Text style={[styles.voteUserName, { color: black }, userName]}>
           {isAnonymous ? t('Anonymous') : (vote.user?.name ?? vote.user?.id)}
         </Text>