Responsive Design Issues on Small Screens in Dashboard

[amitamrutiya]

Description:

This are two issue that I found when I used blink dashboard on mobile device:

1. The navbar font is not responsive and does not display well on smaller devices, impacting user experience.
2. The API's dialogue box changes position unexpectedly when interacting with dropdowns.

Steps to Reproduce:

1. Log in to the Blink dashboard using your account.
2. Resize the screen to a smaller size (mobile size).
3. Navigate to the API section.
4. Click on the plus button to expand the API view.
5. Click on the dropdown for "expire time" to observe the dialogue box position

Screenshots

Navbar Heading Font

Dialogue box change position

These issues affect the responsiveness of the dashboard specifically on smaller screens, while they appear correctly on larger screens. Upon approval from project maintainers, I am prepared to address these issues.

[nicolasburtey]

this is a good issue to tackle