Add react-refresh for WDS

[glekner]

Ok, lets try this again.
This is the same code from the previous PR with 2 changes:

1. react-refresh will only trigger on WDS scenarios, omitting webpack --mode=development.
   This change fixes yarn check-cycles and yarn dev-once
2. Switched WDS transportMode to ws instead of SockJS:
   ws mode will become the default mode in the next major devServer version. This mode uses ws as a server, and native WebSockets on the client.
   This fixes the iframe errors, Topology view now works on my env. ws is now the recommended approach, and 97.57%
   of browsers support it

@christianvogt @rawagner @spadgett
can we review this again and make sure it all works? this feature is a blessing :)

[christianvogt]

Why is this peer dependency here?

[glekner]

from https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/README.md

Note 1: If you use webpack.config.ts, please also install type-fest as a peer dependency.

[christianvogt]

But peer dependencies aren't installed by default.
If this is required then it should be a dev dependency. But if everything works without it, then just this peer dependency.

[glekner]

well everything works like this, also he mentions in the readme to install is as peer.

[rawagner]

as @christianvogt said, the peer dependencies are not installed. It seems to me that the README is just worded weirdly - type-fest is peerDepedency of react-refresh-webpack-plugin which means it should be in our devDependencies

[glekner]

• Removed peer dependency

Getting this warning when the page loads for the first time, it doesn't seem to hurt functionality, and it doesn't appear again.
looks like we need to input https://webpack.js.org/configuration/dev-server/#devserversockpath
I Opened an issue to get more info, but maybe we shouldn't block, as it doesn't have any effect on the usage.

[christianvogt]

While I don't know the side effect of this error, hot reloading worked for me in testing.

[christianvogt]

/lgtm
/approve

[openshift-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: christianvogt, glekner

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/OWNERS [christianvogt]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[openshift-bot]

/retest

Please review the full test history for this PR and help us cut down flakes.