Swapscout improvements

[maikReal]

What to do?

We need to make a couple of imporvements for Swapscout:

• Add an image banner
• Add a Merits button similar that we have in our UI
• Enable Scroll as an addtional network

Image banner

We need to add a banner at the right bottom corner
The banner info:

• It's an image
• Should be controlled thought a varialbe
• The variable contains a URL to an image
• The format of the banner is a mobile banner. The example you can find here

Banner bahaviour:

• The image should have a "Close" button that will hide a banner by a pressing on it
• Show a banner every time on every session until a user won't click on a button (every time on the reload and a page open)
• If a user clicked on a "Close" button we won't show a banner anymore. We will show a banner only after we'll replace a banner URL link in the env variable (so, after the deployment re-deploy)
• Don't show a banner on mobile devices

Refernce for the banner: https://jumper.exchange/

Merits button

We need to add the same Merits button as we added to Blockscout instances. The button will be near the Swapscout logo icon at the top of a widget, check the refernce below
The bahviour will be super simple:

1. When a wallet is disconnected
   • Show a "Merits" word on the button
   • By a clicking on a button a user will be redirected to the registration/login process in the Merits program: https://eth.blockscout.com/account/rewards instance
2. When a wallet is connected
   • Show a amount of current user Merits using our admin key (so, a user doesn't need to sign a message)
   • By a clicking on a button a user will be redirected to the registration/login process in the Merits program: https://eth.blockscout.com/account/rewards instance

Scroll network

We just need to enable the Scroll network for swapscout and add a custom explorer for it: https://scroll.blockscout.com/