Fix lemma wrapping and page layout

src/App.tsx

@@ -624,7 +624,23 @@ function App() {
     const [bookPart, rest] = entry.reference.split(/ (?=\d+:\d+$)/)
     const [chapter, verse] = rest?.split(':').map(Number) ?? []
     if (!bookPart || !chapter || !verse) return
-    jumpTo(bookPart, chapter, verse)
+
+    const next = libraryVerses.find(
+      (entryVerse) =>
+        entryVerse.book === bookPart &&
+        entryVerse.chapter === chapter &&
+        entryVerse.verse === verse,
+    )
+    if (!next) return
+
+    triggerPageMotion(next.id >= (selectedVerse?.id ?? next.id) ? 'turn-forward' : 'turn-back')
+    setQuery('')
+    setSelectedStrong(null)
+    setVerses(libraryVerses)
+    setSelectedId(next.id)
+    if (!pageVerses.some((pageVerse) => pageVerse.id === next.id)) {
+      setPageStartId(findPageStartId(next))
+    }
   }
 
   function recordFootnote(referenceText: string, text: string) {