Feature/airport and flights

[juhomakkonen]

Render info about flights from Turku airport

Render info about flights from Turku airport and add new hook that fetches and sets up external/IoT data.

Trello card 585

---

Breakdown:

Render info about flights.

1. src/components/MobilityPlatform/AirportFlights/AirportFlights.js

   • Fetch data about incoming and departing flights, set coordinates for the airport and render marker.

2. src/components/MobilityPlatform/AirportFlights/components/AirportFlightsContent/AirportFlightsContent.js

   • Render relevant info about incoming and departing flights inside Leaflet popup. Filter out flights that are not for the current day to keep the view relatively small. Show localized strings for city names that are destinations.

3. src/components/MobilityPlatform/AirportFlights/components/AirportFlightsContent/tests/AirportFlightsContent.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.

7. src/i18n/en.js, src/i18n/fi.js & src/i18n/sv.js

   • Add new texts.

Add new hook.

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

   • Add hook that fetches external/IoT data and sets data by source, because many data have their own structure.

2. src/components/MobilityPlatform/CityBikes/CityBikes.js

   • Use the new hook.

3. src/components/MobilityPlatform/RentalCars/RentalCars.js

   • Use the new hook.

4. src/components/MobilityPlatform/Scooters/components/ScooterMarkers/ScooterMarkers.js

   • Use the new hook.

Update styles.

1. src/components/MobilityPlatform/RailwayStations/components/RailwayStationsContent/RailwayStationsContent.js

   • Use styles from styled.js -file.

2. src/components/MobilityPlatform/RailwayStations/RailwayStations.js

   • Update styles.