fix(search): cancel pending rAF on stop and populate cache synchronously on start (#7)

Co-authored-by: trivikr <16024985+trivikr@users.noreply.github.com>
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

Author: Copilot

app/pages/search.vue

@@ -443,6 +443,10 @@ function scheduleFocusableElementsRefresh() {
 function stopObservingFocusableElements() {
   focusableElementsObserver?.disconnect()
   focusableElementsObserver = null
+  if (refreshFocusableElementsFrame != null) {
+    window.cancelAnimationFrame(refreshFocusableElementsFrame)
+    refreshFocusableElementsFrame = null
+  }
   focusableElements.value = []
 }
 
@@ -463,6 +467,9 @@ function startObservingFocusableElements() {
     attributeFilter: ['class', 'style', 'hidden', 'aria-hidden'],
   })
 
+  // Perform an initial synchronous refresh so focusableElements is populated
+  // before any immediate key handling (ArrowUp/ArrowDown) occurs.
+  refreshFocusableElements()
   scheduleFocusableElementsRefresh()
 }