Task: clean up mapbox references

[nlebovits]

Describe the task

We have several small, related mapbox-gl issues that can be addressed in one go:

• We need to replace the mapbox geocoder with maptiler
• We need to confirm that the Mapbox key has been fully moved to an env var
• We need to update mapbox-gl to the latest version

Acceptance Criteria

• Remove and replace @mapbox/mapbox-gl-geocoder with a solution that uses the Maptiler API
• Make sure all references to the Mapbox key have been moved to an env var
• Upgrade mapbox-gl to the latest version
• Fix all breaking changes
• Run npm run build in the local env to verify that all breaking changes have been addressed
• Ensure no functionality loss

Additional context

Upgrading from v3.2.0 to v3.5.2 will cause breaking changes in these two files (and possibly more):

src/components/PropertyMap.tsx
src/components/MapLegendControl/MapLegend.tsx

Breaking changes include this import statement in MapLegend.tsx: import { ExpressionName } from 'mapbox-gl'.
As of v3.5.2, ExpressionName has been removed from mapbox-gl.

Another breaking change is mapboxgl: mapboxgl in PropertyMap.tsx due to updates to the namespace mapboxgl.

Resources

• https://www.npmjs.com/package/mapbox-gl
• https://github.com/mapbox/mapbox-gl-js
• https://www.npmjs.com/package/@maptiler/geocoding-control
• https://docs.maptiler.com/sdk-js/modules/geocoding/api/usage/maplibre-gl-js/