Repository: LAION-AI/Open-Assistant
File: website/src/pages/team.tsx (TypeScript)

Code before:
  return (
    <>
      <Head>
        <title>Who are we - Open Assistant</title>
        <meta name="description" content="The team begind Open Assistant" />
      </Head>
      <Box fontFamily="Inter" p="6" className="oa-basic-theme">
        <Box className="max-w-6xl mx-auto">
          <Card>
            <CardBody display="flex" flexDirection={"column"} gap={6}>
              <Heading as="h1" size="xl">
                Who are we?
              </Heading>
              <Text>Open Assistant is only possible through the efforts of these amazing people</Text>
              {groups.map((group) => (
                <React.Fragment key={group.name}>
                  <Text as="h2" fontWeight="bold" size="lg">
                    {group.name}
                  </Text>
                  <Grid gap={6} gridTemplateColumns="repeat(auto-fit, minmax(300px, 1fr))">
                    {group.members.map((id) => {
                      const info = people[id] ?? {};
                      const { name, title, githubURL, imageURL } = info;
                      return (
                        <Flex key={id} gap={2}>
                          <Avatar src={imageURL} />
                          <Box ml="3">
                            <Text fontWeight="bold">
                              {name}
                              <Badge ml="1">
                                <Link href={githubURL} target="_default" rel="noreferrer" title="github">
                                  <Github size={12} />
                                </Link>
                              </Badge>
                            </Text>
                            <Text fontSize="sm">{title}</Text>
                          </Box>
                        </Flex>
                      );
                    })}
                  </Grid>
                </React.Fragment>
              ))}
            </CardBody>
          </Card>
        </Box>
      </Box>
    </>
  );
};


Review comment (suggestion):
```suggestion
                          <Avatar src={imageURL} loading="lazy"/>
```

Code after:
  return (
    <>
      <Head>
        <title>Who are we - Open Assistant</title>
        <meta name="description" content="The team begind Open Assistant" />
      </Head>
      <Box fontFamily="Inter" p="6" className="oa-basic-theme">
        <Box className="max-w-6xl mx-auto">
          <Card>
            <CardBody display="flex" flexDirection={"column"} gap={6}>
              <Heading as="h1" size="xl">
                Who are we?
              </Heading>
              <Text>Open Assistant is only possible through the efforts of these amazing people</Text>
              {groups.map((group) => (
                <React.Fragment key={group.name}>
                  <Text as="h2" fontWeight="bold" size="lg">
                    {group.name}
                  </Text>
                  <Grid gap={6} gridTemplateColumns="repeat(auto-fit, minmax(300px, 1fr))">
                    {group.members.map((id) => {
                      const info = people[id] ?? {};
                      const { name, title, githubURL, imageURL } = info;
                      return (
                        <Flex key={id} gap={2}>
                          <Avatar src={imageURL} loading="lazy" />
                          <Box ml="3">
                            <Text fontWeight="bold">
                              {name}
                              <Badge ml="1">
                                <Link href={githubURL} target="_default" rel="noreferrer" title="github">
                                  <Github size={12} />
                                </Link>
                              </Badge>
                            </Text>
                            <Text fontSize="sm">{title}</Text>
                          </Box>
                        </Flex>
                      );
                    })}
                  </Grid>
                </React.Fragment>
              ))}
            </CardBody>
          </Card>
        </Box>
      </Box>
    </>
  );
};