React-Notion Header not responsive on mobile devices

[privilegemendes]

Description: The header component in the React-Notion library is not responsive when viewed on mobile devices. This results in a poor user experience as the header takes up a significant portion of the screen and becomes too large to fit comfortably on smaller screens.
Steps to Reproduce:

View the React-Notion header component on a mobile device with a small screen size.

Observe that the header takes up a significant portion of the screen and is not properly resized to fit the smaller screen.

Expected Result: The header component should be fully responsive and adjust its size to fit comfortably on any screen size, including mobile devices.
Actual Result: The header component is not responsive and remains the same size, regardless of the screen size on which it is being viewed.
Environment:

React-Notion version: [Insert version number here]

Mobile device: [Insert device name and model here]

Operating System: [Insert OS name and version here]

Additional Information: [Add any additional information or screenshots that may be relevant to the issue here].

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template!