We used TailwindCSS for this project. As it was initially coded with Angular 12, Tailwind v3 was giving some issues. Those issues where replaced upgrading to Angular v13 but until then we had to fix the issues using standard CSS.
We have used a default image profile, just in case your provider's (Google, Facebook, Twitter) avatar can't load.
Please report me any issue you could find on this app.
Sometimes, the scroll bar used in the chat box doesn't go to the bottom automatically, specially when we have not much messages on screen.