Build UI from Mockup with API

Requirements Input: a mockup image and a mock API endpoint returning JSON data, supplied with the exercise. If either is missing, request it before coding. The API URL is provided as the apiUrl prop; in TypeScript, use a component signature such as function App({ apiUrl }: { apiUrl: string }): JSX.Element. The endpoint response is JSON data whose shape is supplied with the exercise and must be represented with a TypeScript interface rather than any. Provide a design mockup…