fix(chat): add voice unlock payment choices

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

@@ -28,6 +28,7 @@ export interface MessageBubbleProps {
   isUnlockingPrivate?: boolean;
   onUnlockPrivateMessage?: (messageId: string) => void;
   onUnlockImagePaywall?: () => void;
+  onUnlockVoiceMessage?: () => void;
 }
 
 export function MessageBubble({
@@ -44,6 +45,7 @@ export function MessageBubble({
   isUnlockingPrivate,
   onUnlockPrivateMessage,
   onUnlockImagePaywall,
+  onUnlockVoiceMessage,
 }: MessageBubbleProps) {
   const { avatarUrl } = useUserState();
 
@@ -66,6 +68,7 @@ export function MessageBubble({
           isUnlockingPrivate={isUnlockingPrivate}
           onUnlockPrivateMessage={onUnlockPrivateMessage}
           onUnlockImagePaywall={onUnlockImagePaywall}
+          onUnlockVoiceMessage={onUnlockVoiceMessage}
         />
         <div style={{ width: 43 }} /> {/* 占位：保持与头像宽度一致 */}
       </div>
@@ -89,6 +92,7 @@ export function MessageBubble({
         isUnlockingPrivate={isUnlockingPrivate}
         onUnlockPrivateMessage={onUnlockPrivateMessage}
         onUnlockImagePaywall={onUnlockImagePaywall}
+        onUnlockVoiceMessage={onUnlockVoiceMessage}
       />
       <div style={{ width: 8 }} />
       <MessageAvatar isFromAI={false} userAvatarUrl={avatarUrl} />