UI: Upgrade overlayscrollbars

[ndelangen]

Closes: #19826

This is a heavy dependency, upgrading might do us some good in less weight, this code is definitely easier to understand.

[socket-security]

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Issue	Package	Version	Note	Source
New author	abbrev	2.0.0	New Author: lukekarrys Previous Author: isaacs	code/package.json via [email protected]

Next steps

What is new author?

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Scrutinize new collaborator additions to packages because they now have the ability to publish code into your dependency tree. Packages should avoid frequent or unnecessary additions or changes to publishing rights.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore [email protected] bar@* or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore [email protected]

[socket-security]

New and updated dependency changes detected. Learn more about Socket for GitHub ↗︎

Packages		Version	New capabilities	Transitives1	Size	Publisher
overlayscrollbars-react	🆕	0.5.0	None	+1	4.32 MB	kingsora
overlayscrollbars	⬆️	1.13.3...2.2.0	None	+0/-0	4.28 MB	kingsora

Footnotes

1. https://docs.socket.dev ↩

[KingSora]

@ndelangen thanks for migrating to v2.2.0, this should close #19826.

I would have one question and one suggestion:

1. Is there a specific reason why you don't use the OverlayScrollbarsComponent directly from the overlayscrollbars-react package?
2. I would highly suggest to use the defer initialization option to make the performance impact even lower.

[ndelangen]

Is there a specific reason

Nope! Ignorance, I guess.

I would highly suggest to use the defer initialization option

We lazy-load the entire component already, would making it deferred really make a difference then?

[KingSora]

We lazy-load the entire component already, would making it deferred really make a difference then?

Lazy loading still initializes the component as soon as the import promise resolves.. with defer I'm using the requestIdleCallback api to delay the initialization to a point where the browser isn't busy anymore.. so it potentially has a positive effect and with lazy loading squeezes the max optimization you can achieve for this kind of libraries