IQ Bible on the Study side: commentaries, lexicons, study aids, outline

- Commentary tab: "More sources" switch with notes for the whole chunk and
  "Add to notes" quoting
- Word study: Lexicons button for words with a Strong's number
- New "Study aids" tab (any verse of the chunk; topics add as tags)
- Outline points: "Add from IQ Bible" attaches topics, Gospel parallels,
  manuscript notes and places

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

src/components/iq/IqStudyAids.jsx

@@ -101,7 +101,7 @@ function Harmony({ data, book, chapter }) {
   );
 }
 
-export default function IqStudyAids({ book, chapter, verse }) {
+export default function IqStudyAids({ book, chapter, verse, onTag }) {
   return (
     <div className="space-y-1.5">
       <Aid title="About this chapter" path={`books/${book}/chapters/${chapter}/info`} empty="No chapter overview is available.">
@@ -116,7 +116,9 @@ export default function IqStudyAids({ book, chapter, verse }) {
         {(d) => (
           <div className="flex flex-wrap gap-1.5">
             {listOf(d).slice(0, 40).map((t, i) => (
-              <span key={i} className="rounded-full border border-[var(--r-line,#cbd5e1)] px-2 py-0.5 text-xs" title={t.label || t.edition}>{t.name}</span>
+              onTag
+                ? <button key={i} type="button" onClick={() => onTag(t.name)} className="rounded-full border border-[var(--r-line,#cbd5e1)] px-2 py-0.5 text-xs hover:bg-black/5" title={`Add “${t.name}” as a tag on this chunk`}>+ {t.name}</button>
+                : <span key={i} className="rounded-full border border-[var(--r-line,#cbd5e1)] px-2 py-0.5 text-xs" title={t.label || t.edition}>{t.name}</span>
             ))}
           </div>
         )}