feat(characters): use local character catalog

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

@@ -2,6 +2,7 @@
 import Image from "next/image";
 
 import { UserMessageAvatar } from "@/app/_components";
+import { useActiveCharacter } from "@/providers/character-provider";
 
 export interface MessageAvatarProps {
   isFromAI: boolean;
@@ -12,12 +13,14 @@ const AVATAR_CLASS_NAME =
   "flex size-(--chat-avatar-size,43px) shrink-0 items-center justify-center overflow-hidden rounded-full border-2 border-(--color-avatar-border,#fbf3f5) bg-(--color-avatar-border,#fbf3f5) shadow-(--shadow-input-box,0_1px_2px_rgba(0,0,0,0.1))";
 
 export function MessageAvatar({ isFromAI, userAvatarUrl }: MessageAvatarProps) {
+  const character = useActiveCharacter();
+
   if (isFromAI) {
     return (
       <div className={AVATAR_CLASS_NAME} aria-label="AI avatar">
         <Image
-          src="/images/avatar/elio.png"
-          alt="Elio"
+          src={character.assets.avatar}
+          alt={character.displayName}
           width={43}
           height={43}
           priority