Use new avatar image.

src/components/2d-hud.js

 import styles from "./2d-hud.css";
-import avatarImg from "../assets/hud/avatar.png";
+import avatarImg from "../assets/hud/avatar.jpg";
 
 AFRAME.registerComponent("2d-hud", {
   schema: {

src/room.html

@@ -33,7 +33,7 @@
             <a-asset-item id="bot-skinned-mesh" response-type="arraybuffer" src="./assets/avatars/Bot_SkinnedWithAnim.glb"></a-asset-item>
             <img id="unmuted"  src="./assets/hud/unmuted.png" >
             <img id="muted"  src="./assets/hud/muted.png" >
-            <img id="avatar"  src="./assets/hud/avatar.png" >
+            <img id="avatar"  src="./assets/hud/avatar.jpg" >
             <a-asset-item id="watch-model" response-type="arraybuffer" src="./assets/hud/watch.glb"></a-asset-item>
 
             <a-asset-item id="meeting-space1-mesh" response-type="arraybuffer" src="./assets/environments/MeetingSpace1_mesh.glb"></a-asset-item>