Layout enhancements of API (Settings > Network, Monitoring, Authentication)

[matleppa]

Closes #3471 Closes #3679

Changes

• Settings > Network
  • long guidance texts (general, IDP App ID, Sub-URL) can be toggled with (i) icon
  • proxy base path and API base path inputs on same line
  • rearranged order of Advanced Settings
• Monitoring
  • long guidance text can be toggled with (i) icon
  • look and feel of Monitoring endpoint input changed to be same as base paths input
• Authentication
  • changed look and feel of copy-clipboard button to same as similar buttons on Overview page

Developer checklist

This checklist is to be completed by the PR developer:

• [ ] Alternative solutions were compared/discussed before writing code
  • [ ] trade-offs with this solution are considered acceptable
• [ ] Code in this PR adheres to the project styleguide
• [ ] This pull request does not decrease project test coverage
• [ ] If the code changes existing database collection(s), migration has been written
• [ ] If UI texts are added or changed, all texts are internationalized

Reviewer checklist

Reviewed by: @username1

This list is to be completed by the pull request reviewer:

• [ ] Code works as described/expected
• [ ] Code seems to be error free
  • [ ] no browser console errors visible
  • [ ] no server console errors visible
  • [ ] passes CI build
• [ ] Code is written in a way that promotes maintainability
  • [ ] easy to understand
  • [ ] well organized
  • [ ] follows project coding standards and conventions
  • [ ] well documented

[matleppa]

The content of the comment is unclear.

[Nazarah]

New wireframes for the UI:

UI now shows clear relationships on how APIs are being called with the proxy host. Unless both unique proxy base path and API base path are added as input, the connection is not visible to API owner.

alert messages and rules to construct proxy/api base path appears below two view fields.

When Unique and syntactically correct proxy base path and api base path are added to input field, their relation becomes visible with green arrows and texts. Also the formed proxy hosts and api host addresses appear in disabled fields.

[matleppa]

I'd rather not to combine Proxy name with Proxy URL, but keep the Proxy URL + base path combination more mappable with API URL + base path combination. And it would be good not to have redundancy on those. Also I think that the error messages should be next to the field they are referring to.