Feat/display account in header

[joshwanf]

Resolves #316.

• New <AccountMenu> component that toggles a menu panel
• Displays the user's email as a clickable element
• Panel contains the "Logout" button

[Justin-MacIntosh]

In addition to the requested change here, I'd like to take a stab at making the email section less bulky. Some emails can get quite long.

This issue may already be defining what you're looking for!!
#326

[Justin-MacIntosh]

issue: if you don't click directly on the text "Logout" the functionality doesn't happen, even though you get the hover effect that makes it seem like the button is responding to the mouse.

[joshwanf]

New changes:

• Created a new generic component <HamburgerMenu> with a easy-to-use API (hopefully). Resolves Hamburger menu for header #326
• User email gets wrapped if it is very long
• Moved "User Guide" link into <Header>'s menu bar

[joshwanf]

Bennett comment from Slack:

hey joshwanf this is what I'm seeing in your "Feat/display account in header" branch. is this accurate to what you are working on? generally it seems good, I think using icons (a three-line icon and a X icon) instead of "open" and "close" text would be good. and the close button should be uniform in function/style to the other buttons (using bootstrap I think?). I also wonder if we could grab display name from the google account in addition to email address, would look nicer imo. I can potentially work on this but I probably won't be available until monday to do so. thanks for working on this! (