feat(launchpad): UNIFY-371 header menu

[marktnoonan]

• Closes https://cypress-io.atlassian.net/browse/UNIFY-376

Additional details

This PR:

• fixes a hex code in the color tokens
• updates the icon-color-plugin to import our custom colors
• extracts the browser logo imports to a single place so that anywhere that needs them can look them up. This was done in favor of a composable that would link them to graphql after talking with Tim. OpenBrowserList has been refactored to import this.
• adds some icons
• adds a click handler to App.vue that would capture all links with target="_blank" and open their href in the default OS browser via graphql mutation, looking for feedback on this idea vs something more explicit ([target="external"]?), and some help on the required mutation to get this going.
• adds a Top Nav component and some smaller child components
• adds a transitions folder for reusable transitions since the way of applying this with tailwind's syntax is pretty verbose, but also it's nice to just wrap things in a component to get consistent transitions around the app
• tests the new components via adding a component test for the whole header bar to get graphql mocking working

How has the user experience changed?

Menus have been added to the header bar in Launch Pad, here's an example with the browser list added for demo purposes:

top.nav.mov

How to test

Pull down this branch and run yarn dev in the launchpad directory. The menu should now exist in the top right of the launchpad. To test the populated browser menu, edit Main.vue to add :show-browsers="true" to the tag for HeaderBar.

PR Tasks

• [z] Have tests been added/updated?

[cypress-bot]

Thanks for taking the time to open a PR!

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[JessicaSachs]

This looks good. There's a ton of type failures and lint issues that need to be dealt with.

Aside from those, there are four types of changes to make:

1. rem/em => px for all CSS values
2. Swapping out any english strings and putting them into en-US.json
3. Within TopNav, useTimeAgo for the dates.
4. Within TopNav, adding a current property to browserVersions and using that instead of !!index etc

[JessicaSachs]

Nice changes.