Transaction pagination should be in a "fixed" container for easier UX interactions

[zachgoll]

Feature Overview

Currently, the transaction pagination is not very helpful to the user because it requires them to scroll to the bottom of the screen every time they need to advance pages.

Requirements

If there is a missing / incorrect requirement, please leave a comment before starting work on this.

• Transactions list height is fixed and allows scroll
• User can select items per page
• When the user starts scrolling, the top/bottom border show
  • If this requirement cannot be done with pure CSS, let's keep it simple and just exclude the border by default

Designs

Below are the designs you should follow while implementing this:

https://www.figma.com/design/lonJmVk3HYkwZoIO7xYP2w/Maybe-App-(Community)?node-id=3855-98

Reminders

• Make sure to review our contributing guidelines before starting on an issue
• We do our best to define a clear spec for new features and fixes, but think of them as "suggestions", not "hard requirements". We welcome ideas and suggestions!
  • If you see missing requirements to this issue, please leave a comment below explaining what is missing and why it is important.
  • If you see a requirement that you think is incorrect or not optimal, please leave a comment explaining what you think needs to change below.