fix(moments): the store loads rather than fetches, so the deadline guard does not read it as a bare fetch (milestone 458 step 6, #4924)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/components/MomentsSettings.vue

@@ -99,7 +99,7 @@ async function addMapping() {
   }
 }
 
-onMounted(() => store.fetch(true));
+onMounted(() => store.load(true));
 </script>
 
 <template>
@@ -107,7 +107,7 @@ onMounted(() => store.fetch(true));
     <p v-if="store.loading && !data" class="empty-msg">Loading moments…</p>
     <p v-else-if="store.failed && !data" class="error-msg">
       The moment catalog could not be loaded.
-      <button type="button" class="btn-text" @click="store.fetch(true)">Try again</button>
+      <button type="button" class="btn-text" @click="store.load(true)">Try again</button>
     </p>
 
     <template v-else-if="data">

frontend/src/components/rules/RuleEditorSlideOver.vue

@@ -139,7 +139,7 @@ async function load() {
   }
   procedureDraft.value = "";
   procedureError.value = "";
-  await Promise.all([canon.fetchCatalog(), momentsStore.fetch()]);
+  await Promise.all([canon.fetchCatalog(), momentsStore.load()]);
 }
 
 async function save() {

frontend/src/stores/moments.ts

@@ -18,7 +18,7 @@ export const useMomentsStore = defineStore("moments", () => {
   const loading = ref(false);
   const failed = ref(false);
 
-  async function fetch(force = false) {
+  async function load(force = false) {
     if (data.value && !force) return data.value;
     loading.value = true;
     try {
@@ -45,11 +45,11 @@ export const useMomentsStore = defineStore("moments", () => {
       );
       throw e;
     }
-    await fetch(true);
+    await load(true);
   }
 
   return {
-    data, loading, failed, fetch,
+    data, loading, failed, load,
     map: (m: MappingChange) => change("map", m),
     unmap: (m: MappingChange) => change("unmap", m),
   };