refactor(app): tighten feature boundaries

src/app/chat/components/index.ts

@@ -25,6 +25,5 @@ export * from "./private-message-card";
 export * from "./pwa-install-dialog";
 export * from "./pwa-install-overlay";
 export * from "./text-bubble";
-export * from "./user-message-avatar";
 export * from "./voice-bubble";
 export * from "./voice-unlock-options-dialog";

src/app/chat/components/message-avatar.tsx

@@ -1,7 +1,7 @@
 "use client";
 import Image from "next/image";
 
-import { UserMessageAvatar } from "./user-message-avatar";
+import { UserMessageAvatar } from "@/app/_components";
 import styles from "./message-avatar.module.css";
 
 export interface MessageAvatarProps {

src/app/chat/components/user-message-avatar.tsx

@@ -1,47 +0,0 @@
-"use client";
-
-import Image from "next/image";
-
-import styles from "./message-avatar.module.css";
-
-export interface UserMessageAvatarProps {
-  avatarUrl?: string | null;
-  className?: string;
-  size?: number;
-}
-
-export function UserMessageAvatar({
-  avatarUrl,
-  className,
-  size = 43,
-}: UserMessageAvatarProps) {
-  const avatarClassName = [styles.avatar, className].filter(Boolean).join(" ");
-  const avatarStyle = { width: size, height: size };
-
-  if (avatarUrl && avatarUrl.length > 0) {
-    return (
-      <div
-        className={avatarClassName}
-        style={avatarStyle}
-        aria-label="User avatar"
-      >
-        <Image src={avatarUrl} alt="" width={size} height={size} />
-      </div>
-    );
-  }
-
-  return (
-    <div
-      className={avatarClassName}
-      style={avatarStyle}
-      aria-label="Guest avatar"
-    >
-      <Image
-        src="/images/chat/pic-chat-guest.png"
-        alt="Guest"
-        width={size}
-        height={size}
-      />
-    </div>
-  );
-}