Add Decompile button to network page

[portdeveloper]

Description

This PR adds a "Decompile button to the [network].tsx page which enables decompilations on that page.

msedge_XibkG3nrC6.mp4

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
abi-ninja-v2	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 17, 2025 7:23am

[technophile-04]

Thanks @portdeveloper really love the idea! and good looks good too!

Some changes on UI :

1. Can we have the button loading state similar to Decompile button on home page?

2. Maybe instead of adding the whole paragraph for decompile what if we just have the heading and the button, I think it should be just fine and looks a bit clean? Since anywhich ways we are not explaining decompile feature in home page too. Also it adds differentiation b/w add Abi manually and Decompile ABi

or both buttons at the right

Cc @Pabl0cks once for this UI suggestions 🙌 But also not strong opinion on any of this

[Pabl0cks]

TYSM for tackling this Port! GJ 🙌

I've added a comment with a problem when loading "regular" contracts, that should show contract data directly from etherscan.

[Pabl0cks]

Some changes on UI :

I like Shiv's UI suggestions! For the second suggestion I prefer the option with the button at the left, since in very wide screens the button will be really far away from the title.

We could also tweak the page description a bit after this UI change, to something like this:

<p className="pb-2">
  Make sure the data is correct and you are connected to the right network. You can also import the
  ABI manually, or decompile the contract (beta).
</p>

[portdeveloper]

Thanks! Will check soon, looks like i have missed some critical problems there

[Pabl0cks]

Now is looking good to me! TYSM @portdeveloper !! 🙏

[technophile-04]

This is working great! Thanks @portdeveloper and @Pabl0cks suggestions 🙌