Findex global maps tabs

Description

This MR adds a new component to the site for the Findex project. The new component uses a tab layout to display the global maps of threat severity for each major threat category and each threat subcategory.

The MR is focused on getting the layout to function, with some basic styling. The styling will need to be polished before release.

Changes Made

How to Test

Pull the changes to your machine, run npm install (if you haven't built the site locally before), then npm run dev and then navigate to earth-in-flux/#/findex/inland-fish-global-threats

MR t-shirt size

• extra-small (e.g., update color scheme)
• small (e.g., add tooltip to chart)
• medium (e.g., add new static chart, add new pipeline output)
• large (e.g., initial data processing pipeline, interactive chart)

Timeline for review

• ASAP - blocker for deployment
• Today - blocker for ongoing work
• Next couple of days
• This week
• When reviewer has availability

Review Needs

Does this MR include data processing, modeling, or visualization code that will require domain review prior to release?

• Yes, and I have opened an issue to document the need for review, using the DomainReview issue template
• Yes, and a domain review issue already exists
• No

Related Issues

NA

Additional Notes

This is set up to dynamically update the text, icon, legend, and map for each category/subcategory of threat. All of the content is placeholder content for now.

The colors will need to be updated once the global map colors are updated.

The text will need to be updated once we have the updated text from the collaborators.

The icons will need to be updated once we get the updated list of icons from the collaborators.

The styling will need to be polished before release.

Merge Request Checklists

• Code changes adhere to best practices documented in README.md
• Code has been cleaned the way Vue likes it - run npm run lint --fix
• If applicable, the need for future domain review has been documented in an issue
• Below section documents which browsers the site has been tested on:
  • Desktop/laptop
    • Chrome
    • Safari
    • Edge
    • Firefox
  • Mobile device
    • Chrome
    • Safari
    • Edge
    • Firefox