Fixes #49 navbar issue

[PritamSarbajna]

Fixes #49

What is the change?

I have changed the hovering issue in navbar.

Related issue?

closes: #49

Checklist:

Before you create this PR, confirm all the requirements listed below by checking the checkboxes [x]:

• I have followed the Contribution Guidelines while contributing.
• I have checked there aren't other open Pull Requests for the same update/change.
• I have made corresponding changes to the documentation.
• I have tested the code before submission.
• I have formatted the code . (You can use any html,css beautifier)
• My changes generates no new warnings.
• I'm HSOC22 contributor.
• I have commented my code, particularly in hard-to-understand areas.

GIF/video of the working of component you created:

Before

rec-screen.23.mp4

After

rec-screen.24.mp4

[netlify]

✅ Deploy Preview for bugbusters ready!

Name	Link
🔨 Latest commit	3571dcc
🔍 Latest deploy log	https://app.netlify.com/sites/bugbusters/deploys/6342632e05066200088447c8
😎 Deploy Preview	https://deploy-preview-60--bugbusters.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[siddhi-244]

It would be great if you can improve the navbar in mobile view too !

[siddhi-244]

Please resolve merge conflicts

[PritamSarbajna]

@siddhi-244 to make the navbar mobile compatible it needs another issue !