#781 | Search bar (part 2) - Add Token Search Results Support

[Viterbo]

Fixes #780, #781, #782, #801

Draft: this PR is completely included in the third and final part: https://github.com/telosnetwork/teloscan/pull/812

Description

This PR includes the first part and adds support for tokens, NFTs, contracts and blocks to the search bar, following the sort criteria given in the issue #781 description.

Test Scenarios

• go to home page

• test the following search queries:

  • bnb
    • 3 results. The known BNB token is on top
  • eth
    • 3 results. The known ETH token is on top
  • usd
    • multiple results
    • The known USDC and USDT are on top, followed by verified tokens, followed by not-verified
    • USDC is on top of USDT because of a higher price
  • swap
    • multiple categories
    • play with tabs to see the auto-scroll
  • nft
    • multiple results
    • see NFTs blocky icon and symbol displayed
    • verified nfts are placed on top

• resize the browser to a low resolution and make any search

  • it should display correctly (adding ellipsis points to large addresses and transactions hashes)

---

Known issues: the auto-scroll tabs work, but if the category is already in sight it does scroll to a random point (that's a bug to fix and still has no issue for it)