Navbar Search Box Not Visible After Scrolling
### Bug Description

Issue Description:

Navbar Search Box Not Visible After Scrolling

### Steps to Reproduce

- Go to [Strapi's website](https://strapi.io/).
- Scroll down the page while the navbar remains sticky.
- Click on the search bar in the navbar.
- The search box opens at the top of the page (out of view) instead of within the user's viewport.


### Suggested Fix:

- Use position: absolute; inside the navbar so that it appears relative to the navbar's position rather than the page.
Alternatively, use JavaScript to dynamically position the search box based on the navbar's scroll position.

### Expected Behavior

- The search box should open within the visible screen area, regardless of how much the user has scrolled.

### Logs

```shell

```

### Code Snippets

_No response_

### Media

![Image](https://github.com/user-attachments/assets/5da6561d-0c5f-463a-ad38-226e8bc3dd88)

### Additional information

_No response_

### Confirmation Checklist

- [x] I have checked the existing [issues](https://github.com/strapi/strapi/issues) for duplicates.
- [x] I agree to follow this project's [Code of Conduct](https://github.com/strapi/strapi/blob/develop/CODE_OF_CONDUCT.md).