Make nav bar responsive

[s-katte]

🐛 Bug Report

The current navbar is not responsive.

Have you spent some time to check if this issue has been raised before?

Yes

To Reproduce

Change the screen size similar to mobile devices, the options on the right part of navbar go out of the screen.

Expected behavior

Those options should be collapsed into a scrollable navbar or transitioning from either right or left side.

Actual Behavior

Your Environment

OS: Ubuntu 20.04 Browser: Chrome Version 86.0.4240.75 (Official Build) (64-bit)