fix: Block Explorer Page Update

[Abeeujah]

Short Summary

Tis PR updates the block explorer page to the latest UI version designed.

What Changes Were Made

• Fixed the display state for empty transactions
• Fixed the display state for block info
• Updated the transactions view state to include <All | Incoming | Outgoing>
• Added Pagination
• Updated the table to the new table layout
• Updated the new resizing logic.

Related Issue

Fixes #625

Screenshots / Visual Changes

Checklist

• I have read and followed the Contributing Guide
• I have tested the changes locally
• I have added relevant tests (if applicable)
• I have updated documentation/comments (if applicable)

[ukorvl]

Hey! As for pagination - let's use Pagination component from ui-kit for the sake of code minimization.
https://nilfoundation.github.io/ui-kit/?path=/docs/navigation-pagination--docs

[ukorvl]

"don't show incoming or outgoing tabs when there aren't any" - i think we still show it, am i right?

[ukorvl]

Minor adjustment is needed here - please align this elements vertically to the center

If needed change padding of CopyButton

[ukorvl]

When block is pending don't show an additional "Block" text and tabs

[ukorvl]

Everything else looks super, thanks a lot @Abeeujah
Please rebase your branch and fix comments before we merge this pull request.

[Abeeujah]

Hi @ukorvl all requested changes has been implemented.

• Pagination Component from UI-Kit has been Integrated.

• Tabs are not shown when there isn't any transactions.
  

• The alignment between the CopyButton and the Text has been fixed.
  

• Block text is not shown when the block info is pending.