MetalK8s UI Dashboard Network Plane Health

[ChengYanJin]

Component: UI, monitoring

Why this is needed:
To display the health of Control Plane Network and Workload Plane Network.
And being able to bring the users to the Alert Page if the health status is NOT healthy.

What should be done:
Graphic design:

The interaction design should be the same as this:
https://www.figma.com/proto/N2jOAK44dTSiBclDjXzz6a/Next_Gen_Design?node-id=301%3A116&viewport=1035%2C-840%2C0.23489561676979065&scaling=min-zoom&page-id=180%3A3495

Implementation proposal (strongly recommended):
Technical proposal:
We haven't deploy Alert ControlPlaneNetworkDegraded and WorkloadPlaneNetworkDegraded, only NetworkDegraded is avaiable. So baically we use the same alert(NetworkDegraded) to compute the health of control plane network and workload plane network.

So I suggest we update the getNetworksAlertSelectors in shell-ui as shown below:

export const getNetworksAlertSelectors = (): FilterLabels => {
  return {
    alertname: ['NetworkDegraded'],
  };
};

And retrieve the selector in MetalK8s UI as it's done for other selectors.

Test plan:
Unit test