Redesign the study side: Outline, Study, Script and Export stages

Studies now move through a stage bar in the reader's themes. Outline splits
chunks by clicking between verses (join merges notes) and suggests chunks from
section headings. Study is three panes: outline, passage with an Observe /
Interpret / Apply accordion, and commentary / word study / cross-refs / people
& places for the chunk; original words are added by clicking them in the
interlinear. Script drafts an outline from notes; Export holds files and the
share link. Home, Import and the Pronunciation guide are restyled. Study
projects are BSB only.

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

src/utils/bibleUtils.jsx

@@ -1,26 +1,7 @@
-import { useState, useEffect } from 'react';
-
 // ---------------------------------------------------------------------------
 // Study constants
 // ---------------------------------------------------------------------------
 
-export const COMMENTARY_OPTIONS = [
-  { id: 'matthew-henry', name: 'Matthew Henry' },
-  { id: 'john-gill', name: 'John Gill' },
-  { id: 'jamieson-fausset-brown', name: 'Jamieson-Fausset-Brown' },
-  { id: 'adam-clarke', name: 'Adam Clarke' },
-  { id: 'keil-delitzsch', name: 'Keil & Delitzsch (OT)' },
-  { id: 'tyndale', name: 'Tyndale Open Study Notes' },
-];
-
-export const STUDY_TABS = [
-  { id: 'notes', label: 'Notes' },
-  { id: 'crossRefs', label: 'Cross-Refs' },
-  { id: 'wordStudy', label: 'Word Study' },
-  { id: 'commentary', label: 'Commentary' },
-  { id: 'script', label: 'Script' },
-];
-
 export const CHAPTER_COUNTS = {
   GEN:50,EXO:40,LEV:27,NUM:36,DEU:34,JOS:24,JDG:21,RUT:4,
   '1SA':31,'2SA':24,'1KI':22,'2KI':25,'1CH':29,'2CH':36,
@@ -474,46 +455,6 @@ export function CopyIcon() {
   );
 }
 
-export function CrossRefChip({ label, onRemove, loadVerseText }) {
-  const [hovered, setHovered] = useState(false);
-  const [verseText, setVerseText] = useState(null);
-  const [error, setError] = useState('');
-
-  useEffect(() => {
-    if (!hovered || verseText || error) return;
-    let cancelled = false;
-    loadVerseText(label)
-      .then((text) => { if (!cancelled) setVerseText(text || 'Verse text unavailable.'); })
-      .catch(() => { if (!cancelled) setError('Verse text unavailable.'); });
-    return () => { cancelled = true; };
-  }, [hovered]);
-
-  return (
-    <span
-      className="relative inline-flex items-center gap-1 rounded-full bg-slate-200 px-3 py-1 text-sm text-slate-800"
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
-    >
-      {label}
-      {onRemove && (
-        <button
-          type="button"
-          onClick={onRemove}
-          className="ml-1 text-slate-500 hover:text-rose-600"
-          aria-label={`Remove ${label}`}
-        >
-          ×
-        </button>
-      )}
-      {hovered && (
-        <span className="absolute bottom-full left-0 z-10 mb-2 w-64 rounded-xl border border-slate-300 bg-white p-3 text-xs font-normal normal-case text-slate-700 shadow-lg">
-          {error || verseText || 'Loading...'}
-        </span>
-      )}
-    </span>
-  );
-}
-
 export function buildPronunciationGuide(project) {
   const chapters = Array.isArray(project?.chapters) ? project.chapters : [];
   const lines = [];