Overhaul the Suspicious Metrics menu

[Nereboss]

Feature request

As already discussed in the weekly, the Suspicious metrics tab is currently overloaded and could use some changed to make it more user friendly. This issue brings together the changes we suggested, so that this can be a reference for actual implementation.

Description

As a developer, I want to overhaul the Suspicious metrics UI so that the user gets a clearer Interface because the current one is very cluttered.

Old Suspicious Metrics UI (as reference)

New Suspicious Metrics UI

Main view (note that button texts changed to make things clearer):

Information about suspicious metrics is hidden away in a info box but is visible on click/hover:

Untracked Metrics in code is hidden away in a toggle which can be opened on click (similar to our file explorer):

Acceptance criteria

• Changes highlighted in the above section have been implemented and tested

Assumptions & Exclusions

• The new UI shows a dropdown menu to select the language for the suspicious metrics, this will not be implemented in this issue

Open questions

There were some other ideas that require more effort (changing the risk profile so that its calculations can be based on any metric, adding a copy to clipboard button with its own UI, adding a dropdown menu so the language for the suspicious metrics can be selected), should these be addressed in individual issues?