mission completion swag UI modal

[tzmanics]

• make design for the eyebrow (use Jason's box layout )

  

• put it at the top of the page to show achievement achieved

• use local storage to show achievement eyebrow

[philhawksworth]

The challenge with using this UI element for this notification which might need to be displayed at any page of the experience, is that it's location needs to work without shifting layout or disrupting the structure of multiple pages. We should also avoid resorting to using modals where possible.

First iteration of this will instead signify in the global header that an achievement has been attained. Initially via a visual badge on the avatar similar to the notifications UI in the Netlify admin.

Clicking this will take the user to the their profile page where achievements and rewards information can be displayed.