Feat: add user header with follow info

src/components/Account/UserAvatar.tsx

@@ -19,7 +19,7 @@ const UserAvatar: FC<UserAvatarProps> = ({ user }) => {
       alt="user avatar"
       width={1000}
       height={1000}
-      className="h-full w-full"
+      className="h-full w-full object-cover mask mask-circle ring ring-primary ring-offset-base-100 ring-offset-2"
     />
   );
 };

src/components/BeerBreweryComments/CommentCardBody.tsx

@@ -31,7 +31,7 @@ const CommentCardBody: FC<CommentCardProps> = ({
   return (
     <div ref={ref} className="flex">
       <div className="w-[12%] py-4 justify-center">
-        <div className="px-1 mask mask-circle">
+        <div className="px-1">
           <UserAvatar user={comment.postedBy} />
         </div>
       </div>