Add team page

[bnonni]

We should have a page for our team in the abbot/frontend folder. Add a team page and include team member profile pictures and bios.

Func Requirements

• New team.tsx file in frontend/pages
• React code to build a grid like structure: 2 columns x 3 rows with 2 members in each row
• Something like this

Code Design Suggestions

• These are not requirements, so feel free to ignore and code however you want
• The way I would approach this is:
  1. Copy/paste the code in the index.tsx page into a team.tsx file
  2. Rename the component export default function Team()
  3. Delete all code in-between the <main></main> tags
  4. Create new file in components/ folder called Member.tsx
  5. Build a simple Member component with divs and an img tag passing in the image url and bios as Props
  6. Use .map in index.tsx to iterate over objects for each team member that look like so

     const members = [
     {
     "name": "bryan",
     "image": "@/public/team/bryan.jpg",
     "bio": "Bitcoin ipsum dolor sit amet..."
     },
     {
     "name": "brandon",
     "image": "@/public/team/brandon.jpg",
     "bio": "Bitcoin ipsum dolor sit amet...."
     }
     ]

Then down below in the <main> tag:

{
    members.map(member => <Member {...member} />)
}