Fix circular imports causing React dispatcher null error

Extract shared utilities (constants, helpers, components) from App.jsx
into src/utils/bibleUtils.jsx so page components can import from there
instead of from App.jsx. This breaks the App.jsx <-> pages circular
dependency that was triggering vite:import-analysis warnings and causing
the React hook dispatcher to be null at runtime.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/pages/AdminPage.jsx

@@ -1,5 +1,5 @@
 import { useApp } from '../context/AppContext.js';
-import { buildExportHtml } from '../App.jsx';
+import { buildExportHtml } from '../utils/bibleUtils.jsx';
 import {
   adminDeleteUser,
   adminDeleteProject,

src/pages/AuthPage.jsx

@@ -1,6 +1,6 @@
 import { useApp } from '../context/AppContext.js';
 import { loginUser, registerUser, verifyMfaLogin, logoutUser } from '../syncService.js';
-import { switchStorageUser } from '../App.jsx';
+import { switchStorageUser } from '../utils/bibleUtils.jsx';
 
 export default function AuthPage() {
   const {

src/pages/HomePage.jsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { useApp } from '../context/AppContext.js';
-import { bookOptions, CHAPTER_COUNTS, formatRelativeDate } from '../App.jsx';
+import { bookOptions, CHAPTER_COUNTS, formatRelativeDate } from '../utils/bibleUtils.jsx';
 
 export default function HomePage() {
   const {

src/pages/ImportPage.jsx

@@ -1,5 +1,5 @@
 import { useApp } from '../context/AppContext.js';
-import { bookOptions } from '../App.jsx';
+import { bookOptions } from '../utils/bibleUtils.jsx';
 
 export default function ImportPage() {
   const {

src/pages/ReaderPage.jsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef } from 'react';
 import { useApp } from '../context/AppContext.js';
-import { bookOptions, BookmarkIcon, CopyIcon } from '../App.jsx';
+import { bookOptions, BookmarkIcon, CopyIcon } from '../utils/bibleUtils.jsx';
 import DrawCanvas from './DrawCanvas.jsx';
 
 export default function ReaderPage() {

src/pages/SetupPage.jsx

@@ -1,5 +1,5 @@
 import { useApp } from '../context/AppContext.js';
-import { bookOptions, formatChunkReference } from '../App.jsx';
+import { bookOptions, formatChunkReference } from '../utils/bibleUtils.jsx';
 
 function SetupForm({ setup, availableTranslations, titleEdited, loadingChapter, errorMessage, hideTitle, onField, onTitleChange, onLoad }) {
   return (

src/pages/StudyPage.jsx

@@ -1,7 +1,7 @@
 import { createPortal } from 'react-dom';
 import DOMPurify from 'dompurify';
 import { useApp } from '../context/AppContext.js';
-import { STUDY_TABS, COMMENTARY_OPTIONS, NT_BOOK_NUMBER, formatChunkReference, CrossRefChip } from '../App.jsx';
+import { STUDY_TABS, COMMENTARY_OPTIONS, NT_BOOK_NUMBER, formatChunkReference, CrossRefChip } from '../utils/bibleUtils.jsx';
 import DrawCanvas from './DrawCanvas.jsx';
 
 export default function StudyPage() {