feat(chat): add promotional external entry flow

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

@@ -28,6 +28,7 @@ export interface MessageBubbleProps {
   isUnlockingMessage?: boolean;
   onUnlockPrivateMessage?: (messageId: string) => void;
   onUnlockVoiceMessage?: (messageId: string) => void;
+  onUnlockImageMessage?: (messageId: string) => void;
   onOpenImage?: (messageId: string) => void;
 }
 
@@ -45,6 +46,7 @@ export function MessageBubble({
   isUnlockingMessage,
   onUnlockPrivateMessage,
   onUnlockVoiceMessage,
+  onUnlockImageMessage,
   onOpenImage,
 }: MessageBubbleProps) {
   const { avatarUrl } = useUserState();
@@ -72,6 +74,7 @@ export function MessageBubble({
           isUnlockingMessage={isUnlockingMessage}
           onUnlockPrivateMessage={onUnlockPrivateMessage}
           onUnlockVoiceMessage={onUnlockVoiceMessage}
+          onUnlockImageMessage={onUnlockImageMessage}
           onOpenImage={onOpenImage}
         />
         <div className={styles.bubbleAvatarSpacer} aria-hidden="true" />
@@ -100,6 +103,7 @@ export function MessageBubble({
         isUnlockingMessage={isUnlockingMessage}
         onUnlockPrivateMessage={onUnlockPrivateMessage}
         onUnlockVoiceMessage={onUnlockVoiceMessage}
+        onUnlockImageMessage={onUnlockImageMessage}
         onOpenImage={onOpenImage}
       />
       <div className={styles.bubbleInlineSpacer} aria-hidden="true" />