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].