Show all types for a location on the map

[wbazant]

Present but not selected types rendered with opacity 0.5.

Closes #535

[ezwelty]

@wbazant The change looks great but the site crashes if accessed from any page but the default map page. For example, http://localhost:3000/locations/3383 results in types = [undefined, undefined], and thus the error below.

TypeError: Cannot read properties of undefined (reading 'commonName')

src/components/map/TypeLabels.js:24
  21 | const typeLabels =
  22 |   types && types.length > 0
  23 |     ? types.map((type) => ({
 >24 |         label: type.commonName || type.scientificName,
  25 |         isScientific: !type.commonName && type.scientificName,
  26 |         isSelected: selectedTypes.includes(type.id),
  27 |       }))

Filtering types with the following avoids the error, but leads to labels not appearing immediately. For example, http://localhost:3000/settings/@40.0473606,-105.2596932,19z and click on labels: no labels appear.

if (types) {
  types = types.filter(Boolean)
}

[ezwelty]

@wbazant Yay! Settings text is back and crashes are gone. But labels are still acting strangely on desktop. A refresh of the labels is not being triggered when it should:

• If I show labels, then change language, the labels don't change.
• In fact, the labels only show in the language that the site is set to on refresh. The language selector has no effect until the map is reloaded (e.g. navigating to about page then to map).
• If the site is loaded from the settings URLs, the labels don't show when Labels is ticked.