Bug: Profile Image #10 (#15)

* bug: Profile Picture alignment correction Ref-#10

* bug: Profile Picture alignment correction Ref-#10

* Update app/[username]/UserInfo.js

Co-authored-by: Prateek <devXprite@gmail.com>

---------

Co-authored-by: Prateek <devXprite@gmail.com>

Author: yujit2003

app/[username]/UserInfo.js

@@ -5,7 +5,7 @@ const UserInfo = props => {
         <>
             <div className="mx-auto flex max-w-screen-lg flex-col items-center justify-evenly gap-4 pb-6 md:flex-row md:gap-14">
                 <div className="relative size-36 flex-none rounded-full border-[4px] border-gray-600 md:size-48">
-                    <img className="rounded-full" src={props.avatarUrl} alt={props.name} />
+                    <img className="rounded-full w-full" src={props.avatarUrl} alt={props.name} />
 
                     {props.status && (
                         <div className="absolute bottom-[10%] right-[10%] translate-x-1/2 ">