[FSunstone] Better form validation error reporting

[vichansson]

Description

Currently the error validation in the stepper is a bit lackluster & uninformative. When errors appear on elements that are currently rendered in that step, the field containing the validation error is highlighted and the error message is shown underneath. But for more advanced steps, where the field is being dynamically rendered, it makes it difficult for the user to pinpoint where the error is taking place since the only thing being shown is a red marker at the top of the stepper

Use case

Pinpoint form validation errors more easily

Interface Changes

Instead of displaying a generic "1 error(s) occured" message at the top, output more context around the validation error so the user knows whats failing.

Additional Context
Here's an example of all the context information from a failed validation that should be formatted & displayed to the user in some nice way

{
  "network": {
    "type": "manual",
    "message": [
      "%s error(s) occurred",
      1
    ],
    "NETWORKS": [
      {
        "netid": {
          "type": "required",
          "message": [
            "Network ID missing or malformed!"
          ],
          "ref": {
            "name": "network.NETWORKS.0.netid"
          }
        }
      },
      {
        "netid": {
          "type": "required",
          "message": [
            "Network ID missing or malformed!"
          ]
        }
      }
    ]
  }
}

Progress Status

• Code committed
• Testing - QA
• Documentation (Release notes - resolved issues, compatibility, known issues)