Update Navbar to Mobile Navigation for Better User Experience in Mobile Devices

[myselfshivams]

The current navbar layout does not effectively cater to mobile screens, resulting in a suboptimal user experience. To enhance usability, the navbar should be redesigned to resemble mobile app-style footer navigation, specifically for mobile devices. This change will make the navigation more accessible and user-friendly for users on smartphones.

Labels:

• GSSoC
• Hacktoberfest

@aslams2020 Please assign this issue to me (@myselfshivams).