Extracted the common style objects and props into variables or constants to avoid repeating the same code and make the code easier to read.
Instead of repeating the same _hover styles in multiple places, I created a hoverStyles object and used it in each Link component.
* add MobileMenu component
* implement MobileMenu via Header
* close menu with links
* move all menu logic to MobileMenu component
* refactor MobileMenu to use Modals
* remove unneeded motion params
* remove animation on fixed modal
* abstract out a HeaderButtons component
* abstract out Search component
* move BORDER_WIDTH to constants
* hover fixes
* change requests
* fix: Link should wrap header buttons
Co-authored-by: Corwin Smith <cssmittys@gmail.com>
Co-authored-by: Nicolás Quiroz <nh.quiroz@gmail.com>