Add kleros market verification UI

[eccentricexit]

This PR addresses #1118.
In addition:

• Fixes links vulnerable to "tabnabbing" due to missing noopener noreferer tags on links with target=_blank. See this for more.
• Fixes wrong filter option No Sources. It was returning everything and ignoring curation, when it instead should return all not verified markets.

[kadenzipfel]

Really good work @mtsalenc! Just a few small changes

[pimato]

@mtsalenc could the hyperlink point to the local file of the market validity rules which we already have in the footer?

[pimato]

@mtsalenc Now that we now we need to have a loading sequence, could we implement a loading screen like this:

Figma:
Design Specification

[pimato]

• It looks like the whole row is clickable, but instead only the circle button should be clickable.
• Also you can enable the circle icon but not disable again which should be possible!

[pimato]

Please check the designs for the disabled,active and idle circle button here

[pimato]

there should be only a margin-top: 20px here instead of having margin: 20px 0;

[pimato]

The message box needs correct designs. currently:

should:

You can access the design specification here

[pimato]

the circle onHover style do not match according to my designs here

[pimato]

on default and if the market was not verified by anyone the verify page should look like this:

currently the default view looks like this:

the message box should only be visible once the user triggered the circle icon active

[pimato]

@mtsalenc is there a way to test out the whole verification process on Rinkeby?

[pimato]

@mtsalenc just saw that Omen needs to be refreshed after the request verification transaction was confirmed. Could we make sure that Omen detects that the verification process has started?

looks like this is also happening for the verification process, waiting to see the verification here:

[pimato]

should look like:

• Ends in ... text should align to the right and should have the color #37474F
• Please add the schedule icon

[pimato]

-verification icon is not aligned vertical with verified

• verified is not font-size medium:

[pimato]

looks great already!
just a few more comments:

We should have a Back - Button instead of a Cancel - Button which will bring the user back to the markets overview page.

Currently:

Should:

[pimato]

The active button should not have a border:
currently:

should:

[pimato]

• The DXdao circle button be disabled for now until we implemented the connection.
  currently:

should:

[pimato]

The designs for the list item has slightly changed, coud you please do the small changes:

• curation team circle on the left has now a 48x48 instead of just 38x38 dimension
• circle button increased to 40x40 from 38x38.

Figma:
Design specification

[pimato]

see comments

[kadenzipfel]

Closing this as it's been merged into the verification branch