ionic-firebase-chat | Chat App Using Ionic 3 and Firebase Firestore | Authentication library

I'm building an app where there are two types of users: passengers and drivers. I am adding a chat interface to the app. The users are sending and receiving the messages. However, they appear on the same side, and the username is not displaying above the message. I need the sender's messages to be on the left side while the received messages are on the right side. I've looked at a lot of tutorials for chat apps, but I can't find one that will fix my problem. I used the following tutorial to get where I am now: https://github.com/mehulmpt/ionic-firebase-chat

Chat Messages

Here is my source code:

I deleted some of my source code to hopefully be more concise. I've included all the code where I believe that the error could be