fix: ensure all columns have widths

[ashtonG]

Ticket

ET-161

Description

this is an alternate fix for a bug where updating the compare width would cause the experiment list settings to be in an invalid state. It seems like the issue was due to settings widths not containing pinned columns, so we try to update the column widths along with the columns when they update.

Test Plan

• Reset user settings
• visit an experiment list page
• open compare mode
• click and drag the divider
• the pinned columns in the left panel should shrink and grow with the divider position

Checklist

• Changes have been manually QA'd
• User-facing API changes need the "User-facing API Change" label.
• Release notes should be added as a separate file under docs/release-notes/.
  See Release Note for details.
• Licenses should be included for new code which was copied and/or modified from any external code.

[codecov]

Codecov Report

Attention: Patch coverage is 4.76190% with 20 lines in your changes are missing coverage. Please review.

Project coverage is 39.52%. Comparing base (133f838) to head (48c8b40).
Report is 16 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9136      +/-   ##
==========================================
- Coverage   46.16%   39.52%   -6.64%     
==========================================
  Files        1174      852     -322     
  Lines      145187   105835   -39352     
  Branches     2413     2413              
==========================================
- Hits        67025    41832   -25193     
+ Misses      77954    63795   -14159     
  Partials      208      208              

Flag	Coverage Δ
harness	?
web	36.81% <4.76%> (-0.02%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files	Coverage Δ
...t/src/pages/F_ExpList/F_ExperimentList.settings.ts	100.00% <100.00%> (ø)
...bui/react/src/pages/F_ExpList/F_ExperimentList.tsx	0.00% <0.00%> (ø)

... and 322 files with indirect coverage changes

[netlify]

✅ Deploy Preview for determined-ui ready!

Name	Link
🔨 Latest commit	48c8b40
🔍 Latest deploy log	https://app.netlify.com/sites/determined-ui/deploys/6616fc278fa24f0008d298fc
😎 Deploy Preview	https://deploy-preview-9136--determined-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[EmilyBonar]

Playing around with it, I'm seeing that sometimes the sum of the pinned column widths doesn't match the width of the table as a whole in the compare view.

[ashtonG]

@EmilyBonar we avoid adjusting the column widths below the minimum width when adjusting the comparison width, but it seems we don't do that when adjusting the column size itself -- i just pushed a fix for that -- can you verify?

[EmilyBonar]

@EmilyBonar we avoid adjusting the column widths below the minimum width when adjusting the comparison width, but it seems we don't do that when adjusting the column size itself -- i just pushed a fix for that -- can you verify?

Yes, that seems to be working. I'm still seeing the shadow shown in the previous screenshot though.

[ashtonG]

i think the shadow might be tied to the split pane component and how it throttles the size changes. Can we make that its own issue please?

[EmilyBonar]

LGTM