feat(highlights): Error boundaries, styling fixes, empty states and add from tags

[leeandher]

More features/fixes for highlights:

• Error boundaries to prevent crashing the whole page if something goes wrong:

• Fixed height for edit highlights modal + empty states on context/tag search:

https://github.com/getsentry/sentry/assets/35509934/4f12b063-51b4-4233-a18e-9af9cda7c968

• Highlights not present in the event no longer appear as links or with dropdowns

• You can add to highlights from the tag section (and it's omitted when already present in highlights)

• Display meta annotations that aren't errors for tags

todo

• [x] Add tests
• [x] Add screenshots/videos

[leeandher]

On second thought, I am going to avoid drilling the Project prop and maybe put together a context provider for detailed project, will re-open when that's implemented.

[sentry-io[bot]]

Suspect Issues

This pull request was deployed and Sentry observed the following issues:

• ‼️ Error: useLocation() may be used only in the context of a <Router> component. useLocation(useLocation.tsx) View Issue
• ‼️ Error: useLocation() may be used only in the context of a <Router> component. useLocation(useLocation.tsx) View Issue
• ‼️ Error: useLocation() may be used only in the context of a <Router> component. useLocation(useLocation.tsx) View Issue
• ‼️ Error: useLocation() may be used only in the context of a <Router> component. useLocation(useLocation.tsx) View Issue
• ‼️ Error: useLocation() may be used only in the context of a <Router> component. useLocation(useLocation.tsx) View Issue

_{Did you find this useful? React with a 👍 or 👎}