Fix/share download styling

[interim17]

Problem

@lynwilhelm pointed out some styling mistakes on theShare andDownload buttons, and added a couple tweaks not in the original designs. Designs here and here

This PR should fix those problems and I added a couple readability changes. I went over the visual changes with @lynwilhelm in a huddle so feel confident this branch reflects design intentions.

Styling changes:

• remove pipe divider
• swap button order
• icons slightly larger
• active button hover state should be lighter color
• tooltips should be closer to buttons and more centered
• new tooltip text

Note about selectors: .container :global(.ant-tooltip-open.ant-btn) The hover state and tooltip open behavior were not in sync, so this rule is used of the :hover pseudo-class.

@lynwilhelm also noticed a bug that I could not reproduce where a tooltip would open automatically when a trajectory is loaded, if the user had hovered over the share button BEFORE loading the trajectory. I'm crossing my fingers that some of these changes will resolve that issue, but please let me know if you can reproduce it on this branch.

• Bug fix (non-breaking change which fixes an issue)

Steps to Verify:

1. Run website
2. Check button styling before and after loading trajectory
3. From main page: hover over share button, then load trajectory
4. See if tooltip opens erroneously

Screenshots:

Before, disabled:

Before, hover:

After, disabled:

After, hover:

[github-actions[bot]]

Coverage report

St.:grey_question:	Category	Percentage	Covered / Total
🟡	Statements	74.9% (-0.03% 🔻)	588/785
🟡	Branches	70.18%	80/114
🔴	Functions	42.16%	78/185
🟡	Lines	73.46% (-0.04% 🔻)	526/716

Test suite run success

99 tests passing in 7 suites.

Report generated by 🧪jest coverage report action from e8ba9a01e87b93839ae1b5eb95e348cc2218efe8

[meganrm]

can you add before and after screen shots?

[interim17]

@meganrm Added some screenshots of before and after for disabled and hover states. Let me know if you'd like to see anything else.