feat(chat): have unique icons for join and part messages. Closes #3421

web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx

@@ -6,7 +6,7 @@ import styles from './ChatJoinMessage.module.scss';
 
 // Lazy loaded components
 
-const TeamOutlined = dynamic(() => import('@ant-design/icons/TeamOutlined'), {
+const UsergroupAddOutlined = dynamic(() => import('@ant-design/icons/UsergroupAddOutlined'), {
   ssr: false,
 });
 
@@ -27,7 +27,7 @@ export const ChatJoinMessage: FC<ChatJoinMessageProps> = ({
     <div className={styles.root}>
       <span style={{ color }}>
         <span className={styles.icon}>
-          <TeamOutlined />
+          <UsergroupAddOutlined />
         </span>
         <span className={styles.user}>{displayName}</span>
         {isAuthorModerator && (

web/components/chat/ChatPartMessage/ChatPartMessage.tsx

@@ -6,7 +6,7 @@ import styles from './ChatPartMessage.module.scss';
 
 // Lazy loaded components
 
-const TeamOutlined = dynamic(() => import('@ant-design/icons/TeamOutlined'), {
+const UsergroupDeleteOutlined = dynamic(() => import('@ant-design/icons/UsergroupDeleteOutlined'), {
   ssr: false,
 });
 
@@ -27,7 +27,7 @@ export const ChatPartMessage: FC<ChatPartMessageProps> = ({
     <div className={styles.root}>
       <span style={{ color }}>
         <span className={styles.icon}>
-          <TeamOutlined />
+          <UsergroupDeleteOutlined />
         </span>
         <span className={styles.user}>{displayName}</span>
         {isAuthorModerator && (