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,22 +39,36 @@ 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}>
+        <MobileShell background="#0d0b14">
-          <button
+          <main className={styles.emptyScreen}>
-            type="button"
+            <button
-            className={styles.backButton}
+              type="button"
-            onClick={handleClose}
+              className={styles.backButton}
-          >
+              onClick={handleClose}
-            Back to chat
+            >
-          </button>
+              Back to chat
-          <p className={styles.emptyText}>
+            </button>
-            {chatState.historyLoaded ? "Image not found." : "Loading image..."}
+            <p className={styles.emptyText}>
-          </p>
+              {chatState.historyLoaded ? "Image not found." : "Loading image..."}
-        </main>
+            </p>
-      </MobileShell>
+          </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" })}
-      />
     </>
   );
 }