Alignment of book an buttons in my books page

### Problem

Book and Buttons alignment looks unsymmetrical and too much empty space for one single book in loan & history section

### Reproducing the bug

1. Go to http://localhost:8080/people/openlibrary/books

* Expected behavior:
* Actual behavior:

### Context

- Browser (Chrome, Safari, Firefox, etc): Brave
- OS (Windows, Mac, etc): Linux
- Logged in (Y/N): Y
- Environment (prod, dev, local): prod

### Breakdown

Implementation Details (for maintainers)

#### Requirements Checklist
* [ ]

#### Related files

*

#### Stakeholders
@lokesh

*

#### Instructions for Contributors

- Please [run these commands](https://docs.openlibrary.org/developers/tools/git.html#working-on-your-branch) to ensure your repository is up to date **before** [creating a new branch](https://docs.openlibrary.org/developers/tools/git.html#making-changes-and-creating-a-pull-request) to work on this issue and **each time after** pushing code to Github, because the pre-commit bot may add commits to your PRs upstream.

Reproduce the issue at http://localhost:8080/people/openlibrary/books and inspect the page’s book, loan, and history layout styles and components. Confirm the alignment and excess whitespace shown in the screenshot, then verify that book and button placement is symmetrical for both single-book and relevant list states.

Written by the indexing model from the issue text.