Fold the Study notes/resources halves; compare translations

- Your notes and Commentary & resources can each be folded so the other
  fills the right column (remembered on this device; never both folded).
- Compare has a Translations view: pick BSB/ESV/NET/NLT/CSB/NASB and read the
  chunk verse by verse, with each translation's notice.

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

src/test/App.home.test.jsx

@@ -435,6 +435,19 @@ describe('Study workspace', () => {
     expect(await screen.findByRole('button', { name: /add to notes/i })).toBeInTheDocument();
   });
 
+  test('either half of the right column can be folded, and the other always stays open', async () => {
+    const user = await studyOneChunk();
+    const notes = screen.getByRole('button', { name: /your notes/i });
+    const resources = screen.getByRole('button', { name: /commentary & resources/i });
+    expect(notes).toHaveAttribute('aria-expanded', 'true');
+    await user.click(notes);
+    expect(notes).toHaveAttribute('aria-expanded', 'false');
+    expect(resources).toHaveAttribute('aria-expanded', 'true');
+    await user.click(resources); // folding the last open half opens the other one
+    expect(resources).toHaveAttribute('aria-expanded', 'false');
+    expect(notes).toHaveAttribute('aria-expanded', 'true');
+  });
+
   test('people & places: lists what is tagged in the chunk', async () => {
     const user = await studyOneChunk([['/d/theographic/TIT/1.json', { chapter: { people: [{ id: 'paul_1', name: 'Paul', verses: [1] }, { id: 'x_2', name: 'Elsewhere', verses: [9] }], places: [], events: [] } }]]);
     await user.click(screen.getByRole('tab', { name: /people & places/i }));