(Feature) New pages for POSDAO network

[gabitoesmiapodo]

Depends heavily on #1807 being reviewed / approved / merged first.

Closes #1476

Motivation

• Add the new styles required for POSDAO Network.
• Added only the sections and components present in Add new pages "Apps"/"Stakes" for POSDAO network #1476 (comment) (Zeplin links on that list).

I'm not sure about the differences present on https://invis.io/YPQNPDTW4ZB, and I would need the Zeplin files anyway.

• Local configuration is as this:

export ETHEREUM_JSONRPC_VARIANT=ganache
export ETHEREUM_JSONRPC_HTTP_URL=http://127.0.0.1:8545
export ETHEREUM_JSONRPC_TRACE_URL=http://127.0.0.1:8545
export ETHEREUM_JSONRPC_WS_URL=ws://127.0.0.1:8545
export COIN=POA
export NETWORK=POA
export LOGO=/images/posdao_logo.png
export LOGO_FOOTER=/images/posdao_logo_footer.png

• You can get to the new sections / components by doing:

• The new Stakes section can be accessed using the "Stakes" dropdown on the header.
• Validators should show:

"Login with Metamask"
"Empty content" component
Clicking the "Become Candidate" button shows related modal
Clicking the "Remove my pool" button shows warning modal

• Active Pools should show:

Active pools list, including banned items
Account address above
Clicking the copy button shows success modal
Clicking the "Move Stakes" button shows error modal
Clicking the "Withdraw" button shows related modal
Clicking the "Stake" button shows related modal
Clicking the validator link button shows related modal

• Inactive Pools shows an extra checkbox besides the title.

Changelog

Enhancements

New styles for POSDAO Network

Incompatible Changes

I don't think so.

[coveralls]

Pull Request Test Coverage Report for Build 5d3acf86-6424-460b-bf3d-60c62cb51e5c

• 1 of 10 (10.0%) changed or added relevant lines in 5 files are covered.
• 3 unchanged lines in 1 file lost coverage.
• Overall coverage decreased (-0.2%) to 82.11%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
apps/ethereum_jsonrpc/lib/ethereum_jsonrpc/encoder.ex	1	2	50.0%
apps/block_scout_web/lib/block_scout_web/controllers/active_pools_controller.ex	0	2	0.0%
apps/block_scout_web/lib/block_scout_web/controllers/inactive_pools_controller.ex	0	2	0.0%
apps/block_scout_web/lib/block_scout_web/controllers/stakes_controller.ex	0	2	0.0%
apps/block_scout_web/lib/block_scout_web/controllers/validators_controller.ex	0	2	0.0%

Files with Coverage Reduction	New Missed Lines	%
apps/indexer/lib/indexer/block/catchup/bound_interval_supervisor.ex	3	85.19%

Totals
Change from base Build 693c522e-8135-46f8-9ffb-78e30c11dbbf:	-0.2%
Covered Lines:	4475
Relevant Lines:	5450

---

💛 - Coveralls

[vbaranov]

@gabitoesmiapodo

3. Blocks on the main page have different height

@pashagonchar please review also. Below are the screenshots from the app built from this PR:

[gabitoesmiapodo]

@vbaranov

Are those old screenshots (I mean, previous to the new-theming-capabilites -> master merging)?

Most or all of those issues should be fixed already.

Also, I don't understand what item number 2 means.

[vbaranov]

Also, I don't understand what item number 2 means.

When you on the "... pools" tab it should be another header name for 1st column

[gabitoesmiapodo]

@vbaranov

Oh, I see now.

I'll change it, no problem, but please keep in mind that all of this is still missing all of the business logic (it's mostly presentational / static code).

Which also begs the question of who will add that logic and when will that be done (#1476 (comment))

[gabitoesmiapodo]

@vbaranov

• Fixed the "Pools" text issue.
• The rest should be fixed as well.

[vbaranov]

@gabitoesmiapodo tnx. I will merge the current state to not block the logic creation for embedded dapp by @saneery . @pashagonchar if there will be some corrections let's create a separate issue for Gabriel.