TEMPLATES panel — one scrollbar instead of two

Both panes are 300 px tall with the same overflowing list, built from the verbatim inline styles in AccordionPaneSection.jsx, TemplatesTree.jsx and VenactTree.jsx. The red-dashed boxes are the two real overflow-y:auto containers.

↓ In Before, two scrollbar tracks sit side-by-side on the right edge — the outer one only scrolls ~one row (the height of the add-row). That vestigial track is the bug.

Before — two scrollbars

TEMPLATES⟳

① accordion body · overflowY:'auto'

SQL ESQL SH PY

② VenactTree viewport · overflowY:'auto'

①

②

After — one scrollbar

TEMPLATES⟳

SQL ESQL SH PY

the only scroll region

Root cause. In JobPage.jsx:1705 the TEMPLATES accordion item sets overflowY:'auto', so AccordionPaneSection.jsx:117 renders the non-fill body as an overflow-y:auto box ①. Inside it, TemplatesTree.jsx:312 is height:100% and sits below the add-row, so its <VenactTree> — which carries its own overflow-y:auto viewport ② at VenactTree.jsx:86 — is pushed a bit past the bottom. Result: the inner viewport scrolls the rows, and the outer body scrolls the leftover add-row height. Two tracks. (WORKSPACE DATA / CODE don't set overflowY, which is why they already show one.)

Fix. On the TEMPLATES leftItems entry, drop overflowY:'auto' and set fill:true. That takes the fill branch (AccordionPaneSection.jsx:97): a flex column with overflow:hidden. Make the add-row flex-shrink:0 and the TemplatesTree root flex:1; min-height:0 (instead of height:100%). The VenactTree viewport then becomes the single scroll region — identical to the sibling sections.