fix: ui improvements

[uhliksk]

Description

• Fix pagination is showing more pages than actually used and is not compliant with standard pagination methods.
• Add support to show up to all 12 columns on ultra wide monitors.
• Unexecuted grid trades compacted in lists with more than 10 items.
• Object for pagination consistent across the application.
• Fix unnecessary text wrapping if there is enough space to print a text.
• Show Action time in local time.
• Changed time format for logs to 24 hours to be consistent within application.

Related Issue

#437, #440, #442, #444, #446

Motivation and Context

The fix will improve the user experience.

How Has This Been Tested?

Tested on UHD display and on wide multi monitor setup with tens of grid trades in various states.

Screenshots (if appropriate):

Buttons are visible for available pages only:

Ultra wide monitor support:

Compact grid trade list:

Pagination object at top and bottom with up to 8 numbered buttons:

Even a very wide texts are no longer wrapped after the fix is applied:

Columns are consistent after the fix is applied:

[chrisleekr]

@uhliksk
Thanks for merging PRs. Amazing contributions!

I will review+test after #448 is merged.
Actually, looking at the changes, it looks like there will be no/less conflict with #448.
I will try to test it out tomorrow or during this week and it may merge prior to #448.

I am very lack of time, so please bear with me. :)

Thanks!

[uhliksk]

@chrisleekr I understand. I made some minor changes in the meanwhile to even improve this PR.

[chrisleekr]

@uhliksk

This is a very good fix.
I also was very annoyed by pagination, but your fix made me comfortable. haha.
And CSS fix. 👍

I just have one comment. Other changes are good to go!

[chrisleekr]

@uhliksk

It's merged!

Thanks for your contributions!