Description of problem:

The user icon displayed in the Chatbox UI is not showed and the image is broken. However, the user icon is displayed successfully in the top bar:

The user icon in the top bar is linked with the following html code:

<div class="v5-MuiAvatar-root v5-MuiAvatar-circular v5-MuiAvatar-colorDefault css-1hw2vlo">P</div> 

Meanwhile, the user icon used in the Chatbox UI uses gravatar references:

<img src="https://secure.gravatar.com/avatar/392cc81b8f4c9fbf2cdf3c7809db7b5d64ba6a5ab9bb2c35757be760bb4e4d48?s=80&amp;d=identicon" alt="" class="pf-v6-c-avatar pf-chatbot__message-avatar pf-chatbot__message-avatar--round "> 

Why is the chatbox UI using gravatar and not the same integration as RHDH?

Prerequisites (if any, like setup, operators/versions):

My environment is integrated with GitLab to authenticate users, and using RBAC to manage the authorization policies. 

Steps to Reproduce

Follow instruction here: https://github.com/rmarting/rhdh-exercises

Actual results:

Icon broken.

Expected results:

Same icon as top bar.

Reproducibility (Always/Intermittent/Only Once): Always

Build Details:

Issue tested in RHDH 1.8.2 on OpenShift 20.

Additional info (Such as Logs, Screenshots, etc):