feat(characters): use local character catalog

src/app/coins-rules/coins-rules-screen.tsx

@@ -12,7 +12,7 @@ import { FaCoins } from "react-icons/fa6";
 
 import { BackButton } from "@/app/_components";
 import { MobileShell } from "@/app/_components/core";
-import { ROUTES } from "@/router/routes";
+import { useActiveCharacterRoutes } from "@/providers/character-provider";
 import { useAuthState } from "@/stores/auth/auth-context";
 import { useUserDispatch, useUserState } from "@/stores/user/user-context";
 
@@ -76,6 +76,7 @@ const createCoinRules = (
 ] as const;
 
 export function CoinsRulesScreen() {
+  const characterRoutes = useActiveCharacterRoutes();
   const authState = useAuthState();
   const userState = useUserState();
   const userDispatch = useUserDispatch();
@@ -110,7 +111,7 @@ export function CoinsRulesScreen() {
       <main className={styles.screen}>
         <header className={styles.header}>
           <BackButton
-            href={ROUTES.sidebar}
+            href={characterRoutes.sidebar}
             variant="soft"
             aria-label="Back to sidebar"
           />