Update Map with map cursor

[PaulioRandall]

What does this change?

1. Updates the <Map> component with TypeScript.
2. Renames map context in <Map> to mapStore.
3. Adds functionality for effective of handling map cursor events such as hovers & clicks including adding mapCursorStore context.
4. Adds props mapStore and mapCursorStore to <Map> to enable reactivity based map loading.

Why?

The way MapLibre uses JavaScript's event system makes it difficult and verbose to manage propagation of events within project specific code. Specifically, ensuring events for top most features take precedence in controlling the state of the map including current popup, highlights, mouse style, or any other map or app state. For example:

• A mouseenter event setting the cursor maybe overridden in the same tick by a mouseleave event for a different feature, possible in an unrelated layer. The top most feature should determine the final cursor style.
• Clicking multiple features in the same location should only show a popup (marker) for the top most feature but we also want to keep popup specific code with its layer definition and isolated from other popups.

How is it tested?

Storybook and in live applications.

How is it documented?

Storybook.

Are light and dark themes considered?

No.

Is it complete?

• [x] Have you included changeset file?
• [x] If this adds a new component, is it exported via index.js?

[PaulioRandall]

@jamesscottbrown I've just noticed a small issue I introduced in the last commit. Hold off on this one.

[PaulioRandall]

@jamesscottbrown I've just noticed a small issue I introduced in the last commit. Hold off on this one.

@jamesscottbrown Good to go.