[BUG] Mobile view for transactions - insufficient screen space

[PaulAtkins88]

Description

The mobile view for transactions looks horrible. There's not enough space on the screen when viewing on a phone, making it difficult to read and interact with transaction data.

Steps to Reproduce

1. Open the application on a mobile phone
2. Navigate to the transactions view
3. Observe the cramped layout and poor spacing

Expected Behaviour

• Transactions should be easily readable on mobile devices
• UI elements should be properly sized and spaced for touch interactions
• The layout should be responsive and utilise available screen space efficiently
• Proper mobile-responsive design that adapts to smaller screen sizes

Actual Behaviour

The transactions view appears cramped with insufficient spacing, making it difficult to view and interact with transaction data on mobile devices.

Screenshots

If applicable, add screenshots to help explain the problem.

Environment

• OS: [e.g., iOS 17, Android 14]
• Browser: [e.g., Safari Mobile, Chrome Mobile]
• Bucketwise Planner Version: 0.2.0