Adding contract data to metrics

## MENTOR
- @natalialuzuriaga, @IsaacMilarky, @DinneK
- USDC SWE Fellows, OSPO
- Slack

## BRIEF DESCRIPTION

We would like to include contract data in the metrics website. So far, we have a field in code.json for contractNumber but we haven't implemented functionality connecting to the dots to the metrics website. After research, usaspending.gov has a restfulAPI that we can use!

## SCOPING
- 1-2 weeks

## SKILLS NEEDED
Python, HTML/CSS/JS, Figma

## REQUIRED DELIVERABLES
Make as clear of a step-by-step list as you can:
1. Create contract data designs for repository report page using Figma. Get feedback and review by @DinneK and everyone on the team.
2. Backend: Use the API to add contract data. Work with @IsaacMilarky
3. Frontend: Implement in frontend. Work with @DinneK

## DESIRED DELIVERY WINDOW
- June, July, or August

## NOTES/INSPO

Award Web Page: https://www.usaspending.gov/award/ASST_NON_2505CA5MAP_7530
Example API call: https://api.usaspending.gov/api/v2/awards/ASST_NON_2505CA5MAP_7530/
Docs: https://github.com/fedspendingtransparency/usaspending-api/blob/master/usaspending_api/api_contracts/contracts/v2/awards/award_id.md

# ACKNOWLEDGEMENTS
- [X] - Yes, I agree to spend file a project proposal ticket
- [X] - Yes, I agree this project falls within a 2 week or less (ideally less) scope of time
- [X] - Yes, I agree to spend an hour per week of office hours and 1x1 mentoring
- [X] - Yes, I agree to spend an hour at the end of the sprint for filling out a Retro Template