refactor(ui): add shared character avatar

src/app/private-room/private-room-screen.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { useMemo } from "react";
-import Image from "next/image";
 import { RefreshCw, Sparkles } from "lucide-react";
 
+import { CharacterAvatar } from "@/app/_components";
 import { AppBottomNav, MobileShell } from "@/app/_components/core";
 import { ROUTES } from "@/router/routes";
 import { useAppNavigator } from "@/router/use-app-navigator";
@@ -93,11 +93,11 @@ export function PrivateRoomScreen() {
 
           <div className={styles.identity}>
             <div className={styles.avatarFrame}>
-              <Image
+              <CharacterAvatar
                 src={avatarUrl}
                 alt={displayName}
-                width={72}
-                height={72}
+                size="100%"
+                imageSize={72}
                 priority
               />
             </div>