List video recommendations

## Acceptance criteria

- [ ] On page load, the website should display a list of video recommendations
- [ ] For each video recommendation:
- It should show the video's title
- If you click on the title it it should redirect you to the YouTube page for that video

## Guidance 🧭

### API access from React

Since we are using a monorepo, the API is accessible on the same [domain](https://www.cloudflare.com/en-gb/learning/dns/glossary/what-is-a-domain-name/) as the frontend. This means you can use calls like `fetch("/api/videos")` to call the endpoint you created in your backend. You don't need to worry about CORS requirements either.

Checkout this cheat sheet to help you with the types of requests you'll need to be use with `fetch`: https://www.freecodecamp.org/news/fetch-api-cheatsheet/

## Example

Check https://lvl130--cyf-fsa-solution.netlify.app for an example implementation of this issue

首先找到 React 页面和现有的 /api/videos 端点，然后跟踪前端如何在页面加载时获取这些数据。当视频标题被列出且每个标题都链接到其 YouTube 页面时，工作就完成了；使用链接的示例实现作为预期行为的参考。

由索引模型根据 Issue 内容生成。