This PR updates the mega menu so you can switch between different versions (i.e. French, Chinese) of the site while on a mobile device. I've based the design on a concept designed by @bettybondoc. The search bar for mobile devices has been moved into the side bar so that the language options are immediately visible from the top of the screen.
Fixed #93
TLDR: I converted the search box into a dumb component, moved it into the side navigation bar for mobile devices and moved the form state and logic into the main layout component.
Screenshots
Figure: Search window state preserved between desktop and mobile view
Figure: New resized window layout
Figure: New sidebar layout
Figure: New sidebar open layout
Figure: Performing a search using the responsive layout
Description
This PR updates the mega menu so you can switch between different versions (i.e. French, Chinese) of the site while on a mobile device. I've based the design on a concept designed by @bettybondoc. The search bar for mobile devices has been moved into the side bar so that the language options are immediately visible from the top of the screen.
TLDR: I converted the search box into a dumb component, moved it into the side navigation bar for mobile devices and moved the form state and logic into the main layout component.
Screenshots
Figure: Search window state preserved between desktop and mobile view
Figure: New resized window layout
Figure: New sidebar layout
Figure: New sidebar open layout
Figure: Performing a search using the responsive layout