Add 'algo' variant of avatars

src/view/screens/CustomFeed.tsx

@@ -67,7 +67,11 @@ const ListHeaderComponent = observer(({uri}: {uri: string}) => {
     <View style={[styles.headerContainer]}>
       <View style={[styles.header]}>
         <View style={styles.avatarContainer}>
-          <UserAvatar size={28} avatar={currentFeed?.data.creator.avatar} />
+          <UserAvatar
+            type="algo"
+            size={28}
+            avatar={currentFeed?.data.creator.avatar}
+          />
           <Link href={`/profile/${currentFeed?.data.creator.handle}`}>
             <Text style={[pal.textLight]}>
               @{currentFeed?.data.creator.handle}

src/view/screens/SavedFeeds.tsx

@@ -146,7 +146,11 @@ const ListHeaderComponent = observer(
                       })
                     }}
                     style={styles.pinnedItem}>
-                    <UserAvatar avatar={item.data.avatar} size={80} />
+                    <UserAvatar
+                      type="algo"
+                      avatar={item.data.avatar}
+                      size={80}
+                    />
                     <Text
                       type="sm-medium"
                       numberOfLines={1}