Implement map tax lot selection functionality

[TylerMatteo]

When a user has the tax lot district layer on with one or both of the tax lot boundary and land use filters enabled:

• They can click on a tax lot on the map
• Upon clicking, the existing "TaxLotDetails` panel is populated with the data for the tax lot
• The map is panned to and centered on the tax lot

Technical requirements:

• Making tax lots on the map clickable will require making the layer pickable and implementing an [onClick](https://deck.gl/docs/api-reference/core/layer#onclick) function for the layer
• We can use the borough, block, and lot properties in the tile data to look up the details info about the tax lot and it's geometry from the API using the existing /tax-lots/<bbl>/geojson endpoint
• When a tax lot is selected, the map should be centered on the tax lot, and the zoom level should be set to 18. Lat, long, and zoom are controlled by viewState in App.tsx. To convert the tax lot geojson geometry to a lat/long centroid, consider installing and using Turfjs. The map should pan/zoom to the tax lot using Deck's FlyToInterpolator
• Populating the tax lot detail panel should be relatively simple - we just need to pass the data from the API to the component. This functionality already exists for when a tax lot is looked up using the location search functionality.

[dhochbaum-dcp]

@TylerMatteo should any style be added to the tax lot, like an outline or a transparent overlay?

[dhochbaum-dcp]

@TylerMatteo I added the styling to the selection. I was able to complete this without having to add an extra dependency by zooming to the click coordinate.

TODO: Make the map center on the tax lot when someone searches by BBL. I think there will need to be some refactoring to what has been done in this PR in order to complete this. We should probably switch from useGetTaxLotByBbl to useGetTaxLotGeoJsonByBbl, as we will need the GeoJSON data anyway. Restrictions on where you can use hooks may force some refactoring, including potentially breaking out the selected tax lot into a separate MVTLayer. We won't need to add an extra dependency to calculate the center either, as this formula should work fine:

function calculateCentroid(taxLotGeoJson) {
  const minMax = taxLotGeoJson?.geometry.coordinates[0][0].reduce(
    (acc, curr) => {
      return {
        longMin: Math.min(acc.longMin, curr[0]),
        longMax: Math.max(acc.longMax, curr[0]),
        latMin: Math.min(acc.latMin, curr[1]),
        latMax: Math.max(acc.latMax, curr[1]),
      }

    }, { 
      longMin: taxLotGeoJson.geometry.coordinates[0][0][0][0],
      longMax: taxLotGeoJson.geometry.coordinates[0][0][0][0],
      latMin: taxLotGeoJson.geometry.coordinates[0][0][0][1],
      latMax: taxLotGeoJson.geometry.coordinates[0][0][0][1],
    }
  )
  return {
    longitude: (minMax.longMin + minMax.longMax) / 2,
    latitude: (minMax.latMin + minMax.latMax) / 2,
  }
}

[dhochbaum-dcp]

I've created a separate branch which contains all of the changes of the first PR, but also includes the zoom to selected tax lot on performing a search. There's probably a better way to implement this functionality, so let me know if you know of one.