[Feature Request]: Improve Message List Page

### Preflight Checklist

- [x] I have read the [Contributing Guidelines](https://github.com/EnAccess/micropowermanager/blob/main/CONTRIBUTING.md) for this project, if it exists.
- [x] I agree to follow the [Code of Conduct](https://github.com/EnAccess/micropowermanager/blob/main/CODE_OF_CONDUCT.md) that this project adheres to.
- [x] I have searched the [issue tracker](https://github.com/EnAccess/micropowermanager/issues) for a feature request that matches the one I want to file, without success.

### Problem Description

The message list page has a couple of misaligned UI sections and a missing customer name associated with the phone number.

We would prefer a cleaner UI for this page.

### Proposed Solution

Low-hanging improvements:
1. Fix pagination alignment
2. Use customer detail i.e name, to associate the phone number.

Or possible improvements.

Entire UI cleanup for the page

### Alternatives Considered

N/A

### Additional Information

_No response_