Misalignment of Epoch Navigation & Number in Qubic Wallet

[Popeye-909]

Issue:
When hovering over the left (<) and right (>) arrows surrounding the epoch number, the alignment is off. The epoch number itself is also not center-aligned relative to the tick range.

You can follow these Steps to Reproduce the bug:

1. Navigate to the "Transactions" tab.
2. Switch to the "By Epochs" view.
3. Hover over the left (<) or right (>) navigation arrows around the epoch number.
4. Observe the misalignment in the layout.

Expected Behavior:

• The epoch number should be perfectly center-aligned between the tick numbers.
• The navigation arrows should not shift or appear misaligned when hovered over.

Suggested Fix to potentially solve this:

• Adjust the CSS to properly center the epoch number using flexbox or text-align: center; within its container.
• Ensure the arrow elements do not shift when hovered over by setting a consistent width and pad

ding.