fix(chat): show unlock dialog over image viewer

src/app/chat/components/history-unlock-dialog.module.css

@@ -1,7 +1,7 @@
 .overlay {
   position: fixed;
   inset: 0;
-  z-index: 75;
+  z-index: 200;
   display: flex;
   align-items: center;
   justify-content: center;

src/app/chat/image/[messageId]/chat-image-viewer-screen.tsx

@@ -39,8 +39,20 @@ export function ChatImageViewerScreen({
     router.push(getChatPaywallNavigationUrl(authState.loginStatus));
   };
 
+  const historyUnlockDialog = (
+    <HistoryUnlockDialog
+      open={chatState.unlockHistoryPromptVisible}
+      lockedCount={chatState.lockedHistoryCount}
+      isLoading={chatState.isUnlockingHistory}
+      errorMessage={chatState.unlockHistoryError}
+      onClose={() => chatDispatch({ type: "ChatUnlockHistoryDismissed" })}
+      onConfirm={() => chatDispatch({ type: "ChatUnlockHistoryConfirmed" })}
+    />
+  );
+
   if (!message) {
     return (
+      <>
         <MobileShell background="#0d0b14">
           <main className={styles.emptyScreen}>
             <button
@@ -55,6 +67,8 @@ export function ChatImageViewerScreen({
             </p>
           </main>
         </MobileShell>
+        {historyUnlockDialog}
+      </>
     );
   }
 
@@ -68,14 +82,7 @@ export function ChatImageViewerScreen({
           onClose={handleClose}
         />
       </MobileShell>
-      <HistoryUnlockDialog
+      {historyUnlockDialog}
-        open={chatState.unlockHistoryPromptVisible}
-        lockedCount={chatState.lockedHistoryCount}
-        isLoading={chatState.isUnlockingHistory}
-        errorMessage={chatState.unlockHistoryError}
-        onClose={() => chatDispatch({ type: "ChatUnlockHistoryDismissed" })}
-        onConfirm={() => chatDispatch({ type: "ChatUnlockHistoryConfirmed" })}
-      />
     </>
   );
 }