Create a teampage representing all the team members

[danielbedo]

As a visitor of the team webpage,

I want to see a list of members in the team, including their data: pictures, names and titles displayed on the page.

So that I can learn more about the team and identify members by their appearances easily.

Acceptance Criteria:

• The webpage should display team members in a grid or list layout for easy browsing.
• Each team members profile should contain a picture, name and a title.
• The design should be responsive
• The information displayed for each team member should be fetched from the backend from a database to ensure data is up-to-date.
• The page should load within a reasonable timeframe.
• Images should be in the same format.
• Images should be optimized for web.
• In case the backend is not available, show a user friendly message, encouraging the user to try again later.

### Tasks
- [ ] Design the database schema for storing team members information, including fields for name, title and picture url
- [ ] Create database migration for the schema
- [ ] Define API endpoints to create team members
- [ ] Implement functionality to fetch team members from the database
- [ ] Create mockups for the team page
- [ ] Design a responsive layout that adapts to different screen sizes
- [ ] Agree on data exchange formats and document the API endpoints
- [ ] Set up frontend application using react
- [ ] Develop reusable UI components for displaying team members
- [ ] Implement the layout as per the designs
- [ ] Implement functionality to fetch team member data from the backend API
- [ ] Handle loading states and errors