feat(characters): use local character catalog

src/app/chat/chat-screen.tsx

@@ -9,7 +9,7 @@ import {
   useChatDispatch,
   useChatState,
 } from "@/stores/chat/chat-context";
-import { ROUTES } from "@/router/routes";
+import { useActiveCharacterRoutes } from "@/providers/character-provider";
 
 import { MobileShell } from "@/app/_components/core";
 
@@ -46,6 +46,7 @@ const chatShellStyle = {
 
 export function ChatScreen() {
   const router = useRouter();
+  const characterRoutes = useActiveCharacterRoutes();
   const searchParams = useSearchParams();
   const state = useChatState();
   const chatDispatch = useChatDispatch();
@@ -63,10 +64,10 @@ export function ChatScreen() {
     : state.historyMessages;
   const imageMessageId = getChatImageOverlayMessageId(searchParams);
   const imageReturnUrl = imageMessageId
-    ? buildChatImageOverlayUrl(imageMessageId)
-    : ROUTES.chat;
+    ? buildChatImageOverlayUrl(imageMessageId, characterRoutes.chat)
+    : characterRoutes.chat;
   const unlockCoordinator = useChatUnlockCoordinator({
-    defaultReturnUrl: ROUTES.chat,
+    defaultReturnUrl: characterRoutes.chat,
     imageMessageId,
     imageReturnUrl,
     promotion: state.promotion,
@@ -113,10 +114,12 @@ export function ChatScreen() {
     if (!imageMessageId || !state.historyLoaded || selectedImageMessage) {
       return;
     }
-    router.replace(buildChatWithoutImageOverlayUrl(searchParams), {
-      scroll: false,
-    });
+    router.replace(
+      buildChatWithoutImageOverlayUrl(searchParams, characterRoutes.chat),
+      { scroll: false },
+    );
   }, [
+    characterRoutes.chat,
     imageMessageId,
     router,
     searchParams,
@@ -137,13 +140,16 @@ export function ChatScreen() {
   }
 
   function handleOpenImage(messageId: string): void {
-    router.push(buildChatImageOverlayUrl(messageId), { scroll: false });
+    router.push(buildChatImageOverlayUrl(messageId, characterRoutes.chat), {
+      scroll: false,
+    });
   }
 
   function handleCloseImageViewer(): void {
-    router.replace(buildChatWithoutImageOverlayUrl(searchParams), {
-      scroll: false,
-    });
+    router.replace(
+      buildChatWithoutImageOverlayUrl(searchParams, characterRoutes.chat),
+      { scroll: false },
+    );
   }
 
   function handleUnlockImagePaywall(): void {