When reaching the top result using ↑/↓ keys, the top result may be out of view

## Description

Do a search that produces more results than fit in the view. Press the down button to navigate through all results. When reaching the bottom-most result, press down again. Now the top result is highlighted, but the view has not been scrolled up far enough to bring the result completely into view.

## Steps to reproduce

1. Go to `https://docsearch.algolia.com/`
2. Press `/`, type `search`, press down key several times until hitting the top result again.
3. The top result is highlighted but not fully in view.

https://user-images.githubusercontent.com/3543224/146619441-6a14f8c2-1aa6-4475-b7d0-ef08fc3d9f49.mov

## Environment

- OS: macOS
- Browser: Chrome 96, also Safari, but it works correctly in Firefox 95

Reproduce the issue at https://docsearch.algolia.com/ by searching for “search” and cycling through results with the arrow keys. Start by locating the keyboard-navigation and result-scrolling entry points; done means the selected top result is completely visible when navigation wraps from the bottom, including in Chrome and Safari.

Written by the indexing model from the issue text.