chore: update libraries

[keita-determined]

Description

WEB-1802

Test Plan

• npm build/test/lint should work
• Check if there's no regression in web pages.

Commentary (optional)

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.

Ticket

[netlify]

✅ Deploy Preview for determined-ui ready!

Name	Link
🔨 Latest commit	d775eb3
🔍 Latest deploy log	https://app.netlify.com/sites/determined-ui/deploys/65653c5123ee880008e461b1
😎 Deploy Preview	https://deploy-preview-8463--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.

[keita-determined]

not sure why e2e keep failing only on webkit. Looks like playwright version doesnt matter and e2e works fine on local.
@mapmeld do you have any idea why its failing?

probably this in the error?

libsoup3 symbols detected. Using libsoup2 and libsoup3 in the same process is not supported.

maybe switch back to the playwright docker image might resolve the issue but not sure why it is changed to this

determined/.circleci/real_config.yml

Line 1515 in e06b472

- image: cimg/node:20.9.0

[mapmeld]

✅ thanks for working through the build issues

[dannysauer]

Just a couple of questions from me, but not blockers. Approving the config change under the assumption that they weren't mistakes. :)

[dannysauer]

It's probably quicker to run with the Circle convenience images. Does the Microsoft-hosted image have an advantage?

[keita-determined]

Yes, for the playwright, cimg/node:20.9.0 is not straightforward to setup. We used to MS image, but at some point, it was replaced with cimg/node:20.9.0 with Playwright version downgrade. That's not what we want because that prevents us to use the latest playwright version.

[dannysauer]

Did you mean to install Firefox and webkit in the first install command? Is that installing nothing, or is there a default file with stuff to install somewhere?

[keita-determined]

This doc and this doc might be helpful.
We list browsers here

determined/webui/react/playwright.config.ts

Lines 26 to 40 in d8ed945

	projects: [
	{
	name: 'chromium',
	use: { ...devices['Desktop Chrome'], channel: 'chrome' },
	},
	{
	name: 'firefox',
	use: { ...devices['Desktop Firefox'] },
	},
	{
	name: 'webkit',
	use: { ...devices['Desktop Safari'] },
	},

and npx playwright install --with-deps && npx playwright install chrome install these dependencies somewhere. I also had this settings before, but its removed with cimg/node:20.9.0 replacement. That limits us to use the latest version of Playwright.