[Claim] check other chains for claimable amts + click to change networks

[W3stside]

Summary

Shows claims in other chains and allows clicking chain name to change network

Closes #TBD

Add screenshots if applicable. Images are nice :)
What it looks like

Can click and change networks:

To Test

1. <> Open the page about

• <<What to expect?>> Verify it contains about information...
• Checkbox Style list of things a QA person could verify, i.e.
• Should display Text Input our storybook
• Input should not accept Numbers

2. <> ...

Background

Optional: Give background information for changes you've made, that might be difficult to explain via comments

[github-actions]

• 🔭 GP Swap: CoW Protocol v2 Swap UI

[anxolin]

I like very much how this idea is implemented, two quick feedbacks:

1. It's telling me I have a claiming available in GC, but this is where i am and I don't see it.
   

2. It doesn't make sense to show you have a claiming in the network you are. I would exclude the current network from the message.

What about:

You ${hasClaim ? ' also' : '' } have available claims on ${otherNetworks}

[anxolin]

A bit big too review the code. I realised some of the comments from my review are related to the change network hook, which i later realised is a copy pasta, so not your code.

Anyways, maybe this case we can change it, since we didn't do a mod, and we just duplicated the logic to own it.

[alfetopito]

Suggestion about UI

The banner is not as "round" as the other styles used on claim UI

Example

Also, what about re-using the same banner that tells you the account has claims for this?

Instead of the checkmark, use an exclamation and the same text.

[elena-zh]

In addition to @alfetopito comments above, I'd like to propose change text banner to 'This account has available claims in <>' due to 'You have..' sounds a bit illogical when check available claims on behalf of someone else.

[elena-zh]

Some other issues:

1. It would be nice to remove link from 'and'
   

2. Make banner's text center-aligned?
   

3. Remove links from the banner when it is impossible to switch to another network (wallet does not support OR connected using WC):
   

4. Maybe we could show this banner outside the Claim area like we do for the affiliate flow?
   
   

[anxolin]

This is a great feature! works very well now.

I agree with all design suggestions. This PR is also big enough, should we merge and do a follow up?

[fairlighteth]

Agree on merging to follow up. My feedback on @elena-zh 's points:

1. Agreed.
2. Agreed (can address).
3. Makes sense, agreed.
4. I would show it inside the container. In my opinion that's contextually the most relevant position.

[elena-zh]

In addition to @alfetopito comments above, I'd like to propose change text banner to 'This account has available claims in <>' due to 'You have..' sounds a bit illogical when check available claims on behalf of someone else.

Will we address this?

[elena-zh]

I have just retested changes when connected to Gnosis Safe: is it possible to have safe with the same address in all networks?

If not, I'd rather not to show this message when connected to Gnosis safe

[W3stside]

I have just retested changes when connected to Gnosis Safe: is it possible to have safe with the same address in all networks?

If not, I'd rather not to show this message when connected to Gnosis safe

lets reference in another issue please

[elena-zh]

@W3stside , I reported it in #2333