Update to use WHATWG URL API

[mschile]

What would you like?

We currently use the legacy url API in a lot of our codebase which is not WHATWG URL API compliant and can lead to differences from what we receive from CDP (see #28354). We should update to use the newer URL class.

Why is this needed?

To ensure we are staying up to date with the current URL standards.

Other

No response

[alex-k-exe]

I would like to work on this issue, could someone please assign me

The WHATWG API docs says you should use const url = require('node:url'); to access it, is this what I'm meant to do?
Also, is the url.d.ts type at /workspaces/cypress/node_modules/@types/node/url.d.ts related to this?
I'm planning to update uri.ts at /workspaces/cypress/packages/network/lib/uri.ts but I think .query and .path would have to be replaced by .search in the new API in this part:

export function origin (urlStr: string) {
  const parsed = new URL(urlStr)

  parsed.hash = ''
  parsed.search = ''
  parsed.query = ''
  parsed.path = ''
  parsed.pathname = ''

  return URL.format(parsed)
}

If you somehow can't tell, this is my first time contributing, so thanks for reading

[mschile]

Hi @alex-k-exe 👋, sorry for the delay in responding and thanks for your interest in contributing. I took a look at this issue again and removed the good first issue label since it is more involved than just changing over to the new URL API due to lack of support for relative urls.

Please feel free to take a look at our other good first issues.