US 37 - Style Refinement

Value Proposition

As a User I want a nice consistent design In order to have a pleasant experience

[ ] Style buttons according to the provided mock-up
[x] Style navigation bar according to the provided mock-up
[ ] Refine the styling of cards to improve spacing
[x] When a drop down in form is opened, it overlaps the other elements (without them moving)
[x] "herbie" should have a small letter at the beginning
[x] wherever it goes well with the overall styling, the dark green font color should be applied.

[x] Move styled components to a dedicated folder and import them into the respective component folders
[x] Update navigation bar icons to use icon-filling instead of background filling
[ ] Update button colors to match the design mock-up
[ ] Perform a final styling check and apply any necessary touch-ups
[x] Style styled components of form in a way to make the drop downs overlap everything else (use position: absolute and z-index)
[x] align writing of "herbie"
[x] Apply dark green font where ever it goes well with the overall styling