Add free translation input to segment view

[alex-rawlings-yyc]

Devin's review of this PR: https://app.devin.ai/review/sillsdev/interlinearizer-extension/pull/114

This change is 

Summary by CodeRabbit

New Features

• Added segment-level free translation input field with editable text per segment
• New "Show free translation" toggle in view options to display/hide free translations beneath segments
• Free translation input works across all display modes and automatically saves changes on blur

[coderabbitai]

Note

Reviews paused

Use the following commands to manage reviews:

• @coderabbitai resume to resume automatic reviews.
• @coderabbitai review to trigger a single review.

Use the checkboxes below for quick actions:

• ▶️ Resume reviews
• ✅ Review completed - (🔄 Check again to review again)

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch gloss-segment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[imnasnainaec]

@imnasnainaec partially reviewed 20 files and all commit messages, and made 1 comment.
Reviewable status: 19 of 25 files reviewed, 1 unresolved discussion (waiting on alex-rawlings-yyc).

---

src/__tests__/components/ContinuousView.test.tsx line 944 at r3 (raw file):

          tokenDocOrder={tokenDocOrder}
          wordTokenByRef={wordTokenByRef}
          viewOptions={{

Oops, I missed this one, which can be

viewOptions={{ ...allFalseViewOptions,  hideInactiveLinkButtons: true }}

[alex-rawlings-yyc]

@alex-rawlings-yyc resolved 1 discussion.
Reviewable status: 19 of 26 files reviewed, all discussions resolved (waiting on alex-rawlings-yyc and imnasnainaec).

[imnasnainaec]

@imnasnainaec reviewed 6 files and all commit messages, and made 1 comment.
Reviewable status: 25 of 26 files reviewed, all discussions resolved (waiting on alex-rawlings-yyc).

---

src/store/analysisSlice.ts line 174 at r4 (raw file):

    (!analysis.freeTranslation ||
      Object.values(analysis.freeTranslation).every((t) => t.trim() === '')) &&
    analysis.literalTranslation === undefined

⛏️
The empty-literal-translation check, instead of === undefined, could mirror the one before it:

(!analysis.literalTranslation ||
  Object.values(analysis.literalTranslation).every((t) => t.trim() === ''))

Even better, we could add an isEmptyMultistring util function to call for both.

[imnasnainaec]

@imnasnainaec made 1 comment.
Reviewable status: 25 of 26 files reviewed, all discussions resolved (waiting on alex-rawlings-yyc).

---

src/components/SegmentView.tsx line 82 at r4 (raw file):

   * passed through to {@link PhraseStripContextValue}; `chapterLabelInVerse` controls this segment's
   * verse label.
   */

 /** Bundled display toggles; `chapterLabelInVerse` sets the verse label, the rest pass through to {@link PhraseStripContextValue}. */

Code quote:

  /**
   * Bundled display toggles. `hideInactiveLinkButtons`, `simplifyPhrases`, and `showMorphology` are
   * passed through to {@link PhraseStripContextValue}; `chapterLabelInVerse` controls this segment's
   * verse label.
   */

[imnasnainaec]

@imnasnainaec reviewed 4 files and all commit messages.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on alex-rawlings-yyc).