Migrating to MapboxLocationSearchField Component

[daynew]

We have a React component called GoogleSchoolLocationSearchField which needs to be replaced by a Mapbox implementation because we will not be have access to the Google Maps APIs in a few days.

• Adds the Yarn dependency @mapbox/mapbox-gl-geocoder
• Deletes GoogleSchoolLocationSearchField
• Creates MapboxLactionsSearchField React component which displays a text input field the user can use to easily find geographic locations.
• Some light scrubbing of "Google" from variable names.

Links

• jira

Testing story

• Unit tests pass
• http://localhost-studio.code.org:3000/home?forceSchoolInfoInterstitial=true
• http://localhost-studio.code.org:3000/home?forceSchoolInfoConfirmationDialog=true
• http://localhost-studio.code.org:3000/home?forceCensusBanner=true but I had to do some manual code modifications to get the UI to render. I'm not sure what a good test setup is for this.

Screenshots

http://localhost-studio.code.org:3000/home?forceSchoolInfoInterstitial=true

http://localhost-studio.code.org:3000/home?forceSchoolInfoConfirmationDialog=true

http://localhost-studio.code.org:3000/home?forceCensusBanner=true

Reviewer Checklist:

• Tests provide adequate coverage
• Privacy and Security impacts have been assessed
• Code is well-commented
• New features are translatable or updates will not break translations
• Relevant documentation has been added or updated
• User impact is well-understood and desirable
• Pull Request is labeled appropriately
• Follow-up work items (including potential tech debt) are tracked and linked

[daynew]

This needs to go in today, so I will test this in staging. I will follow up with a proper review during the week.