add front-end code for friend list