feat(chat): restore image viewer after payment

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

@@ -9,13 +9,13 @@ export interface MessageContentProps {
   imageUrl?: string | null;
   imagePaywalled?: boolean;
   audioUrl?: string | null;
+  messageId?: string;
   isFromAI: boolean;
   locked?: boolean | null;
   lockReason?: string | null;
   lockedPrivate?: boolean | null;
   privateMessageHint?: string | null;
   onUnlockPrivateMessage?: () => void;
-  onUnlockImagePaywall?: () => void;
   onUnlockVoiceMessage?: () => void;
 }
 
@@ -26,13 +26,13 @@ export function MessageContent({
   imageUrl,
   imagePaywalled,
   audioUrl,
+  messageId,
   isFromAI,
   locked,
   lockReason,
   lockedPrivate,
   privateMessageHint,
   onUnlockPrivateMessage,
-  onUnlockImagePaywall,
   onUnlockVoiceMessage,
 }: MessageContentProps) {
   const hasImage = imageUrl != null && imageUrl.length > 0;
@@ -66,9 +66,9 @@ export function MessageContent({
         <>
           {hasImage && imageUrl && (
             <ImageBubble
+              messageId={messageId}
               imageUrl={imageUrl}
               imagePaywalled={imagePaywalled}
-              onUnlockImagePaywall={onUnlockImagePaywall}
             />
           )}
           {hasAudio && audioUrl ? (