Feat: Improve stardust Transaction history UX

[panteleymonchuk]

Description of change

fixes #857

Type of change

Changing UI

• Bug fix (a non-breaking change which fixes an issue)
• Enhancement (a non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation Fix

How the change has been tested

Check how new UI works on address
http://localhost:3000/mainnet/addr/iota1qrqklnzjwrdp3r8d0t0xff5wtqtpz993rrw5v0ywm6d4z8qlxgw7sp3slr2

Change checklist

Add an x to the boxes that are relevant to your changes, and delete any items that are not.

• My code follows the contribution guidelines for this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• [] I have made corresponding changes to the documentation
• [] I have added tests that prove my fix is effective or that my feature works
• [] New and existing unit tests pass locally with my changes

[msarcev]

npm run lint is failing. Please check and fix the issues.

Additionally i noticed that you name new files with a format that's we didn't use so far in the project. Please keep the naming consistent with how it was done so far. I'm not against this naming format in particular, but we should keep it consistent throught the codebase, whatever it is.

[msarcev]

Woudl be nice if we could have the table be more "symmetrical" to improve the looks ? The date field seams to take a lot of space, while the transactionId field is "shrinked".

[panteleymonchuk]

@msarcev I can propose this UI.
How it looks for you?

[begonaalvarezd]

The code is looking great 🔥 Added some minor comments and a suggestion we could do on another PR too

[msarcev]

LGTM 👍🏻

[begonaalvarezd]

As disussed, the tx history list should be displayed up until the last transaction for which we cant know it its complete (unless we reached the end of the chronicle data)

[begonaalvarezd]

forgot to request changes in the previous review 🙈

[JannemanDev]

I do not really like the current aligning (nr. 4). Here are the different ways to align (for integers and decimal numbers):

I think 6 and 7 are the best looking because of the possibilty of decimal point. Also I suggest the negative (red) and postive (green) colors, or at least different colors to easily differentiate. What do you think?

[panteleymonchuk]

I do not really like the current aligning (nr. 4). Here are the different ways to align (for integers and decimal numbers):

I think 6 and 7 are the best looking because of the possibilty of decimal point. Also I suggest the negative (red) and postive (green) colors, or at least different colors to easily differentiate. What do you think?

I think your suggestion quite reasonable. What I'm not sure about it's a colors. As for colors ok.