feat(characters): use local character catalog

src/app/chat/components/private-message-card.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { LockKeyhole } from "lucide-react";
+import { useActiveCharacter } from "@/providers/character-provider";
 
 export interface PrivateMessageCardProps {
   hint?: string | null;
@@ -13,6 +14,8 @@ export function PrivateMessageCard({
   isUnlocking = false,
   onUnlock,
 }: PrivateMessageCardProps) {
+  const character = useActiveCharacter();
+
   return (
     <div
       className="max-w-[min(72vw,280px)] rounded-(--responsive-card-radius-sm,18px) rounded-tl-none border border-[rgba(246,87,160,0.2)] bg-[linear-gradient(180deg,rgba(255,244,248,0.95),rgba(255,255,255,0.95)),#ffffff] p-(--responsive-card-padding,14px) text-[#3c3b3b] shadow-[0_4px_12px_rgba(246,87,160,0.12)]"
@@ -28,7 +31,7 @@ export function PrivateMessageCard({
       <p className="m-0 text-(length:--responsive-body,14px) leading-[1.4] text-[#3c3b3b]">
         {hint && hint.length > 0
           ? hint
-          : "Elio has a private message for you."}
+          : `${character.shortName} has a private message for you.`}
       </p>
       <button
         type="button"