feat: improve orders table when hidden orders

[anxolin]

Summary

This PR adds 2 things:

• Another pagination control in the bottom of the table. After all, makes sense to not scroll up to go to next page
• Makes it more cleat that the page is complete, and there's more pages later

It is not very clear in this table that 19 orders are hidden and I can navigate to next pages. Basically, it looks like there's no more than 1 order.

This PR shows the same account like this:

You can unhide orders, and the message will update

You can click on next page to navigate.

In last page, you don't see the next page link

To Test

Search for your orders in the explorer, for example for the account 0x5be9a4959308A0D0c7bC0870E319314d8D957dBB

• Notice the two paginators
• Check the cases described above

[vercel]

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

Name	Status	Preview	Updated (UTC)
cosmos	✅ Ready (Inspect)	Visit Preview	Dec 18, 2024 0:18am
cowfi	✅ Ready (Inspect)	Visit Preview	Dec 18, 2024 0:18am
explorer-dev	✅ Ready (Inspect)	Visit Preview	Dec 18, 2024 0:18am
sdk-tools	✅ Ready (Inspect)	Visit Preview	Dec 18, 2024 0:18am
swap-dev	✅ Ready (Inspect)	Visit Preview	Dec 18, 2024 0:18am
widget-configurator	✅ Ready (Inspect)	Visit Preview	Dec 18, 2024 0:18am

[elena-zh]

Hey @anxolin , cool, great!
WDYT about showing this message on top of all orders in the table?

It would be great to improve the message position in a mobile view: this is how it looks now:

And it is not related to this task, but if you are taking a look into pagination, it would be great to add it to the Fills page. See this TX details,, it should have >10 fills, but it shows only 10 (the issue is reported in #3703)

[anxolin]

WDYT about showing this message on top of all orders in the table?

I will ask around

It would be great to improve the message position in a mobile view: this is how it looks now:

Good thinking! I tried, and the problem was that it was showing a big message, which feels too much for such a normal case. So better to show it after the relevant content (the orders).
However, I tried to improve it by moving all to the bottom, and show only the warning in the top. You can see it in the video I share below.

It would be great to improve the message position in a mobile view: this is how it looks now:

I tried to improve, here is a video

Screen.Recording.2024-12-18.at.12.05.56.mov

I also show now a message when all orders are visible

[elena-zh]

Thank you, @anxolin ! It looks better now!