Make navbar of pages more responsive for smaller screen

[mvp5464]

PR Fixes:

• 1 Make navbar more responsive for smaller screen for better readability

Resolves #178

Checklist before requesting a review

• [x] I have performed a self-review of my code
• [x] I assure there is no similar/duplicate pull request regarding same issue

-PR #182 created by me has same changes but now it has merge conflicts so creating this new and removing that

• Before

• After

-------------------------------- New Commit -------------------------------

Change navbar title from page title to track title

1. As the page title is visible below the navbar title
2. After some time when we continue we forgot that what track we are at

• Before

• Now

[mvp5464]

Review is appreciated

[mvp5464]

@hkirat sir, been a week for original pr #184, (created this one as old pr has many merge conflict). any additional improvement ??

[hkirat]

/bounty $5