React Native Stream Chat Profanity Filtering: Add banned to renderUser

add banned to renderUser in Chat.js

renderUser = ({ item }) => {
  const online_status = (item.user.online) ? 'online' : 'offline';

  return (
    <View style={styles.list_item_body}>
      <View style={styles.list_item}>
        <View style={styles.inline_contents}>
          <View style={[styles.status_indicator, styles[online_status]]}></View>
          <Text style={styles.list_item_text}>{item.user.name}</Text>
          { // add these:
            item.user.warn_count > 2 &&
            <View style={styles.banned}>
              <Text style={styles.banned_text}>Banned</Text>
            </View>
          }
        </View>
      </View>
    </View>
  );
}

// ...

const styles = StyleSheet.create({
  // add these:
  banned: {
    marginLeft: 10,
    backgroundColor: '#cc0000',
    padding: 3
  },
  banned_text: {
    color: '#FFF',
    fontSize: 12
  }
});