Flight stats tabs

[sarakane]

User Stories

As a user, I want flight data to be shown in a tabbed component, so that I don’t need to scroll to see all of the information Currently, flight data is displayed in accordions

AC:

• [ ] Flight data is displayed in a tabbed component
  

As a user, I want to be able to view aircraft information

AC:

• [ ] App makes an api call to the aircrafts table and retrieves the aircraft info for the flight’s tailnum
• [ ] Aircraft info is displayed in the same tabbed component as the flight info
• [ ] Loading component is used while fetching the aircraft info

Changes Made

• Flight data is now displayed in a tabbed component
• Added call to API for aircrafts
• Have a "Loading..." display instead of the tabbed component while waiting on the API call for the aircraft information
• Display aircraft info as one of the tabs in the flight data tabbed component
• Cleaned up some of the es-lint warnings

Type of Changes

	Type
	🐛 Bug Fix
✓	✨ New Feature
	🔨 Refactoring
	💯 Add tests
	🔗 Update dependencies
	📜 Docs

Testing Steps / QA Criteria

Set up and run the Flask API

1. In ch2-flight-search-api/creds add a service account KEY FILE
2. Run the following command:

   export GOOGLE_APPLICATION_CREDENTIALS="[PATH TO KEY FILE]"

3. In ch2-flight-search-api install or activate your python virtualenv and install all packages in requirements.txt
4. Run the following command to start the application:

   python3.7 run.py

   The REST API should now be available on http://localhost:5000

Set up and run the front end

1. In ch2-flight-search-fontend run npm install to install project dependencies.
2. Run npm run start to start the application

The application should be available on http://localhost:3000