Excessive top spacing and inconsistent left alignment on mobile view (My Books page)

### Problem

On mobile view, the My Books page shows noticeable layout spacing issues that make the interface look misaligned.

There appears to be unnecessary vertical space above the username section and inconsistent left alignment for some headers such as My Stats and other sections.

This makes the layout feel uneven and visually inconsistent on larger mobile screens.

### Reproducing the bug

1. Open the My Books page on a mobile device (or use a mobile viewport in browser dev tools).
2. Observe the profile header section where the username (e.g., akram_sk698) is displayed.
3. Notice the large empty space above the username.
4. Scroll down and observe section headers such as My Stats and others.

### Current behavior

- There is a noticeable empty vertical space above the username section.
- Some headers appear overly indented from the left side, causing inconsistent alignment with the rest of the content.

### Expected behavior

- The username header should appear closer to the top navigation without excessive spacing.
- Section headers should have consistent left alignment with the main content contain

### Context

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

### Screenshot

Start at the My Books page and reproduce the issue in a mobile browser viewport, checking the profile header and section headers described in the report. Trace the styles responsible for the username spacing and left alignment, then verify that the page matches the expected layout across mobile widths.

Written by the indexing model from the issue text.