fix(client): adjust avatar placeholder overflow

Author: Nick-Maro

client/src/components/avatar.tsx

@@ -4,9 +4,9 @@ export default function Avatar({ username }) {
   const [loaded, setLoaded] = useState(false);
 
   return (
-    <>
+    <div style={{ width: 50, height: 50 }}>
       {!loaded && ( <img src={placeholder} alt="placeholder" /> )}
-      <img src={`https://avatar.iran.liara.run/public?username=${username}`} alt="pfp" onLoad={() => setLoaded(true)} width={50} />
-    </>
+      <img src={`https://avatar.iran.liara.run/public?username=${username}`} onLoad={() => setLoaded(true)} width={50} />
+    </div>
   );
 }