Navbar Height and Icon Spacing

[NAVYA260]

Description

I've noticed that the current height of the navbar is a bit too low, which makes it appear compressed and can affect the user experience. Additionally, the icons on the left, specifically the dark mode toggle and the double engine icon, are too close to each other. This proximity can make it difficult for users to click the icons accurately and reduces the overall visual appeal of the navbar.

Please assign this task to me so that I can implement these changes and improve the overall user interface.

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

No response

Checklist

• I have starred the repository
• I have checked the existing issues
• I have read the discussion tab thoroughly and got the project idea
• I am willing to work on this issue (optional)
• I am a GSSOC'24 contributor

[github-actions]

Congratulations, @NAVYA260! 🎉 Thank you for creating your issue for Virtuo-Learn. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work! Should you have any queries or require guidance, do not hesitate to ask.

[Soumya6Tiwari]

@JAYESH-BATRA kindly assign me this issue , I want to work on it