Multilevel navbar

[jtoaha]

Multilevel Navbar:

• Added designs and polished up multilevel navigation CSS for feature, mobile, tablet and desktop.
• Changed some icons (added svg files) / adjusted logo size for tablet and desktop
• Restructured html to allow more logical viewing of menu items (i.e. "–" sign for parent topics persists when hovering on sub-subtopics and sub-sub-subtopics)
• For nav bar items, added a CSS class of "navbaritem1" "navbaritem2" instead of "youth" and "parents" to make it easier for CSS values to apply to whatever names of navbar items passed. (Side note: just discovered there exists zero-runtime CSS, such as Linaria, which might solve this problem and allow more dynamic creation of css - and might allow existing css written directly in preact to work when javascript is turned off since it creates the css files at build time)

Articles Component:

• Currently working on factoring in Michael's suggestion of unifying Articles prop types. To do so, working on refactoring Article Listing to be a little less hardcoded (work with variables - so we can change up more easily when bringing in info from backend). Still in progress. But in the process, created a types folder, updated Article Listing CSS media queries to be based on screen size instead of device size and renamed components to ArticleThumbnail and ArticleListing.

[michaelclapham]

Could you remove the .cache folder from this PR and add it to the .gitignore file?

[isedwards]

@jtoaha this branch had several conflicts at the moment. Would you like to take a look at resolving them?

Let me know if you'd like some help with the process for working through resolving conflicts.

[jtoaha]

Sure, I should be able to resolve it. Thanks so much. Just taking care of multiple issues, made commits to keep the changes a bit separate. I still have to do the new updates for the navbar. Once I do that I'll follow up.

Note: The above commits mainly include changes to the navbar as well as to articles. Also added the Linaria library for zero run-time CSS for future use.

[jtoaha]

Resolved Merge Conflict. As expected, some of our stylings overlapped. So adjusted CSS as needed. Also for the Login Modal, carried Desktop styling into Tablet mode. And, for a more seamless experience, used javascript to close out desktop/ tablet Login Modal (if it's open) when switching to Feature or Mobile mode.

Our combined changes can be viewed at: https://unicef-iogt-pwa-v2.web.app/

Note: Can be merged into develop. But preferable if branch was not deleted. Navbar changes still need to be done. Next thing I'll be working on over the next day