Nav Bar fixes

[VatsKan]

• [ ] make desktop view look good
• [ ] iphone SE view, the content is off the page (probably due to padding)
• [x] fix bug (on anything but home page, the nav bar is slightly to the right of where its meant to be). This is because of the way the other pages display the navbar (i.e. not in a styled container) rather than a problem with the navbar component itself.
• [ ] move navbar to app (so that it is a shared component) rather than rendering it on each page. can do something similar with profile component, with a ternary (checking if we are on the home page or not)
• [ ] add home text by home svg icon in navbar for mobile view.
• [ ] make clickable area of links larger (perhaps using pseudo elements - like in Oli's pseudo-element workshop). (Need to figure out how to use pseudo-el in styled-components)

[VatsKan]

note that the position of the navbar was fixed using left: 0, in CSS styling, which may not have been the best solution.