refactor(private-room): reuse character avatar

src/app/private-room/components/private-room-post-card.tsx

@@ -2,6 +2,7 @@ import type { CSSProperties } from "react";
 import Image from "next/image";
 import { ImageIcon, LockKeyhole } from "lucide-react";
 
+import { CharacterAvatar } from "@/app/_components";
 import type { PrivateRoomMoment } from "@/data/dto/private-room";
 
 import styles from "../private-room-screen.module.css";
@@ -37,11 +38,11 @@ export function PrivateRoomPostCard({
     >
       <header className={styles.postHeader}>
         <div className={styles.postAuthor}>
-          <Image
+          <CharacterAvatar
             src={avatarUrl}
             alt=""
-            width={38}
-            height={38}
+            size={38}
+            imageSize={38}
             className={styles.postAvatar}
           />
           <div>

src/app/private-room/private-room-screen.module.css

@@ -247,8 +247,7 @@
 .postAvatar {
   flex: 0 0 auto;
   border: 2px solid rgba(255, 255, 255, 0.9);
-  border-radius: 14px;
-  object-fit: cover;
+  border-radius: 9999px;
   box-shadow: 0 8px 18px rgba(131, 72, 85, 0.12);
 }