Integrate the api with the search bar to be able to show the recall information

User Story As a customer, I want to retrieve vehicle information and see the recall history of my vehicle based on the vin I put in the search field.

Acceptance Criteria:

Integration with API:
- When the user submits a valid VIN, integrate the search block with the external API to retrieve and display:
  - Recalls that are active and have a remedy
  - Recalls that are active and don't have a remedy
  - Recalls that are no longer active
  - Recalls are order by date in ascending order (oldest recall first)
Display Vehicle Information:
- Once the API response is received, display the relevant recall information using the following format
  - Issue date
  - Brand recall number
  - NHTSA recall number
  - Transport Canada recall number
  - Recall status
  - Description
  - Safety risk
  - Remedy
  - Next steps
- When displayed on a translated page the translated result will show, if this is unavailable the English version is shown.
- If no recalls are available an generic message is shown, for example: There are no recalls for this vehicle.
Error Handling:
- Implement error handling for API requests, providing user-friendly error messages if the API request fails or encounters issues.
API delivers capital letters and need to be displayed within normal case.

Definition of Done:

The api is integrated and working
Errors are handled in a user friendly way
English fall back is implemented
Generic message is shown when no recalls are available

Out of scope

Pagination of the search results, expectation is that there is a maximum of 15 recalls for a vehicle and this can be displayed within one page.

Tbd

[ ] Copy for the error messages

Json example

hlxsites / vg-volvotrucks-us

Integrate the api with the search bar to be able to show the recall information #473