Merge notes: I've removed the SearchBar.jsx in the latest commit to keep the PR self contained to just the AppBar. This PR is dependant on #76
Description
This feature adds a SearchBar in the NavBar if the user isn't on the home page. This will allow the user to be able to search without having to go back to the homepage.
SearchBar will snap to the 2nd row of the Navbar if the screen width gets too small.
If you zoom at 500% and adjust the width the MUI breakpoints causes a small white margin and minor offsets in the AppBar. This is also present in the live site and this PR also fixes that bug.
We need to modify the useSearch to be able to query searches and geolocation on the search page or else the user won't be able to search in the search page.
Related to DEV-93
76 is required for this feature to work responsively.
Merge notes: I've removed the SearchBar.jsx in the latest commit to keep the PR self contained to just the AppBar. This PR is dependant on #76
Description
This feature adds a SearchBar in the NavBar if the user isn't on the home page. This will allow the user to be able to search without having to go back to the homepage.
Related to DEV-93
76 is required for this feature to work responsively.
Screenshots
Before
After
https://user-images.githubusercontent.com/86702974/206562961-768c44a3-7b73-471c-a120-998ffbe9f3f3.mp4
Type of change