Scrolling issue in small screen with top navbar

### Describe the bug

Histoire app has a scrolling issue in small screen.

### Reproduction

https://github.com/histoire-dev/histoire/assets/44322175/63580d58-3065-4494-8aec-6760f7464496

### System Info

```shell
System:
OS: macOS 13.0
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 1.39 GB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 18.17.0 - ~/.nvm/versions/node/v18.17.0/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 9.6.7 - ~/.nvm/versions/node/v18.17.0/bin/npm
Browsers:
Chrome: 119.0.6045.159
Edge: 119.0.2151.72
Safari: 16.1
```

### Used Package Manager

npm

### Validations

- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/histoire-dev/histoire/discussions).
- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.

Reproduce the issue using the provided recording and inspect the top navbar behavior at a small screen width. Start with the Histoire app's frontend layout around the navbar; done means the page scrolls correctly on small screens without the reported obstruction.

Written by the indexing model from the issue text.