feat: Modified Navbar

[shawavisek35]

Fixes #141

Changes done

• [ Modified Navbar ]

Screenshots of the changes (If any) -

Note: Please check Allow edits from maintainers. if you would like us to assist in the PR.

✅️ By submitting this PR, I have verified the following

• [x] Worked on forked repo and starred the main repo
• [ ] Checked to see if a similar PR has already been opened 🤔️
• [x] Reviewed the contributing guidelines 🔍️
• [ ] Sample preview link added (add the link(s) for all the pages changed/updated from the checks tab after checks complete)
• [x] Tried Squashing the commits into one

[welcome[bot]]

🧑‍💻👩‍💻 Thanks for opening this pull request! Please check out our contributing guidelines.🥳🥳 Please be patient our project maintainers will get back to you soon and till then you can find different issues listed here And Please make sure you have completed the Onboarding Process.

[shawavisek35]

create a folder inside components and keep the NavBar.js file inside it change the relative imports Also and create one file Nav.css keep your css codes there don't modify the App.css and also ci checks are failing please see them and open an issue for your work and link it here

I will do the required changes. And about the CI error, i have added a search bar in the navbar which is animated and therefore the width of the search box is 0 and when you hover at te search icon it will become wider so the error is showing in the width : 0 part. Is there anything I can do to bypass this?

[ayan-biswas0412]

create a folder inside components and keep the NavBar.js file inside it change the relative imports Also and create one file Nav.css keep your css codes there don't modify the App.css and also ci checks are failing please see them and open an issue for your work and link it here

I will do the required changes. And about the CI error, i have added a search bar in the navbar which is animated and therefore the width of the search box is 0 and when you hover at te search icon it will become wider so the error is showing in the width : 0 part. Is there anything I can do to bypass this?

search stckoverflow

[shawavisek35]

@ayan-biswas0412 I have done the required changes. please review my PR and let me know anything needs to be corrected. :)

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[shawavisek35]

Hey @ayan-biswas0412 can you please merge this pr as ot will automatically get closer due to inactivity by the bot

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.