refactor(routes): move shared pages to global scope

src/app/chat/components/chat-header.tsx

@@ -10,6 +10,8 @@ import { Lock, Menu } from "lucide-react";
 
 import { BackButton } from "@/app/_components";
 import { useActiveCharacterRoutes } from "@/providers/character-provider";
+import { buildGlobalPageUrl } from "@/router/global-route-context";
+import { ROUTES } from "@/router/routes";
 import { useAppNavigator } from "@/router/use-app-navigator";
 
 import { BrowserHintOverlay } from "./browser-hint-overlay";
@@ -75,7 +77,11 @@ export function ChatHeader({
               data-analytics-key="chat.open_menu"
               data-analytics-label="Open chat menu"
               className="flex size-(--responsive-icon-button-size,42px) cursor-pointer items-center justify-center rounded-full border border-[rgba(255,255,255,0.12)] bg-[rgba(13,11,20,0.7)] text-(--color-text-primary,#fff) shadow-[0_10px_24px_rgba(0,0,0,0.2)] backdrop-blur-md transition-[background,transform] duration-150 hover:bg-[rgba(28,24,39,0.82)] active:scale-96 focus-visible:outline-2 focus-visible:outline-offset-3 focus-visible:outline-[#f657a0]"
-              onClick={() => navigator.push(characterRoutes.sidebar)}
+              onClick={() =>
+                navigator.push(
+                  buildGlobalPageUrl(ROUTES.sidebar, characterRoutes.chat),
+                )
+              }
               aria-label="Menu"
             >
               <Menu size={24} aria-hidden="true" />