fix: replace vue-observe-visibility with vue3-observe-visibility

[stephiescastle]

Checklist

• [x] Include a description of your pull request and instructions for the reviewer to verify your work.
• [ ] Link to the issue if this PR is issue-specific.
• [ ] Create/update the corresponding story if this includes a UI component.
• [ ] Create/update documentation. If not included, tell us why.
• [ ] List the environments / browsers in which you tested your changes.
• [x] Tests, linting, or other required checks are passing.
• [x] PR has an informative and human-readable title
  • PR titles are used to generate the change log in releases; good ones make that easier to scan.
  • PRs will be broadly categorized in the change log, but for even easier scanning, consider prefixing with a component name or other useful categorization, e.g., "BaseButton: fix layout bug", or "Storybook: Update dependencies".
• [x] PR has been tagged with a SemVer label and a general category label, or skip-changelog.
  • These tags are used to do the aforementioned broad categorization in the change log and determine what the next release's version number should be.
  • Release Drafter will attempt to do the category labeling for you! Please double-check its work.

Description

Replaces vue-observe-visibility with vue3-observe-visibility. This fixes animations/visibility in the components that use callbacks on intersection observer:

• MissionDetailAbout - the "Instruments" list will start populating
• MissionDetailHighlights - the trajectory arrow will animate
• TopicDetailMoreVisibility - the cards on a TopicDetail page will now appear

Instructions to test

1. make vue-storybook
2. view the relevant stories

Tested in the following environments/browsers:

Operating System

• [x] macOS
• [ ] iOS
• [ ] iPadOS
• [ ] Windows

Browser

• [x] Chrome
• [x] Firefox ESR
• [x] Firefox
• [ ] Safari
• [ ] Edge