Create nav bar

[hpar461]

Description

This implements a nav bar at the top of every page to allow easier navigation between pages and provide utility functionalities such as search bar.

Redirecting features has not been implemented yet due to a relevant react router code not implemented yet.

Related Issue

Solves #17

Type of change

• [x] New feature (enhancement)

How Has This Been Tested?

• [x] Automated testing
• [x] Manual testing

Checklist:

• [x] Does a similar (open or closed) pull request not already exist?
• [x] Is the pull request head repository a fork repository?
• [x] Is the pull request compare branch a development branch?
• [ ] Is the code documented, particularly in hard-to-understand areas?
• [x] Does the code build without new warnings?
• [x] Has testing been performed that proves changes are effective and work?
• [ ] Has a self- and/or peer-review of the code been performed?
• [x] Have dependent changes been merged and published in downstream modules?
• [x] Does all new and existing automated testing pass?
• [x] Is the person responsible for the repository assigned to the pull request?
• [x] Is the pull request linked to a project?
• [x] Is the pull request linked to a milestone?

For more information, refer to the Contributing Guidelines document.

[netlify[bot]]

✔️ Deploy Preview for uniforum ready!

🔨 Explore the source changes: a07d0ba7676fbee66ba3ca2f47dcc973914d3585

🔍 Inspect the deploy log: https://app.netlify.com/sites/uniforum/deploys/623102be045e420008ec94ba

😎 Browse the preview: https://deploy-preview-22--uniforum.netlify.app/

[hpar461]

Its looking great! Please move the the styles into their own file so the concerns are separate :) Thanks!

The component style was refactored into a separate file (NavBar-styles.js) and those files were relocated to its own folder called NavBar/.