cleanup routes names

src/pages/rules/ListCharacterRuleBooks.vue

@@ -2,6 +2,7 @@
 import {storeToRefs} from "pinia";
 import {CharacterLabel, useCharactersStore} from "@/characters";
 import {PencilSquareIcon} from "@heroicons/vue/24/outline";
+import {routeNames} from "@/routes";
 
 const {characters} = storeToRefs(useCharactersStore());
 
@@ -11,7 +12,7 @@ const {characters} = storeToRefs(useCharactersStore());
   <div class="grid mb-2 mt-4">
     <div v-for="character in characters" :key="character.characterId" class="flex items-center mb-2">
       <CharacterLabel class="flex grow" :character="character" />
-      <RouterLink class="btn-icon ms-2" :to="{ name: 'character-rulebook', params: { characterId: character.characterId } }"><PencilSquareIcon /></RouterLink>
+      <RouterLink class="btn-icon ms-2" :to="{ name: routeNames.characterRulebook, params: { characterId: character.characterId } }"><PencilSquareIcon /></RouterLink>
     </div>
   </div>
 </template>