Feature/park and ride areas

[juhomakkonen]

Show park-and-ride areas

Show park-and-ride areas on the map.

Trello card 622

---

Breakdown:

Render park-and-ride areas on the map

1. src/components/MobilityPlatform/Parking/ParkAndRideAreas/ParkAndRideAreas.js

   • Fetch data & render park-and-ride areas on the map using both Leaflet polygons and markers.

2. src/components/MobilityPlatform/Parking/ParkAndRideAreas/components/ParkAndRideAreasContent/ParkAndRideAreasContent.js

   • Render relevant info about selected area, like number of parking spaces, number of vacant spaces and nearby bus lines.

3. src/components/MobilityPlatform/Parking/ParkAndRideAreas/components/ParkAndRideAreasContent/tests/ParkAndRideAreasContent.test.js

   • Add tests.

4. src/context/MobilityPlatformContext.js

   • Add new context values.

5. src/views/MobilitySettingsView/MobilitySettingsView.js

   • Add toggle function & render info text.

6. src/views/MobilityPlatformMapView/MobilityPlatformMapView.js

   • Import into the map view.

Add new hook

1. src/components/MobilityPlatform/utils/useParkingDataFetch.js

   • Add new hook that includes logic that will be used when fetching data from Parkkiopas.

2. src/components/MobilityPlatform/ParkingSpaces/ParkingSpaces.js

   • Use new hook and remove code & logic that is now part of the new hook.

Update env values

1. .env.example & config/default.js & server/server.js
   • Update one env value and remove unneeded env value.

Update translations

1. src/i18n/en.js & src/i18n/fi.js & src/i18n/sv.js
   • Add new translations.