Add prior team members section and sorting of current members by last name

Fixes #121

Author: VeckoTheGecko

src/components/team-member.js

@@ -27,11 +27,13 @@ export const TeamMember = ({ member }) => {
   return (
     <Card maxW='sm'>
       <CardBody>
-        <Image src={member.image} alt={member.name} borderRadius='lg' />
+        {member.image && (
+          <Image src={member.image} alt={member.name} borderRadius='lg' />
+        )}
         <Stack mt='6' spacing='3'>
           <Heading size='md'>{member.name}</Heading>
           <Heading size='sm'>{member.position}</Heading>
-          <Text>{member.description}</Text>
+          {member.description && <Text>{member.description}</Text>}
         </Stack>
       </CardBody>
       <CardFooter>

src/pages/team.js

@@ -1,7 +1,7 @@
 import { Layout } from '@/components/layout'
 import { Image, Link } from '@/components/mdx'
 import { TeamMember } from '@/components/team-member'
-import { CurrentTeamMembers } from '@/data/team-members'
+import { CurrentTeamMembers, PriorTeamMembers } from '@/data/team-members'
 import { Box, Container, Heading, SimpleGrid, Text } from '@chakra-ui/react'
 
 const Team = () => {
@@ -41,14 +41,33 @@ const Team = () => {
               atmosphere.
             </Text>
           </Box>
+          <Heading as='h2' size='xl' textAlign={'center'} mt={8} mb={4}>
+            Current team members
+          </Heading>
 
           <SimpleGrid
             columns={{ base: 1, md: 2, lg: 2, xl: 2, '2xl': 3 }}
             spacing={8}
             my={4}
             align={'left'}
           >
-            {CurrentTeamMembers.map((member) => (
+            {CurrentTeamMembers.sort((a, b) => {
+              const getLastName = (name) => name.split(' ').slice(-1)[0]
+              return getLastName(a.name).localeCompare(getLastName(b.name))
+            }).map((member) => (
+              <TeamMember key={member.name} member={member} />
+            ))}
+          </SimpleGrid>
+          <Heading as='h2' size='xl' textAlign={'center'} mt={8} mb={4}>
+            Prior team members
+          </Heading>
+          <SimpleGrid
+            columns={{ base: 1, md: 2, lg: 2, xl: 2, '2xl': 3 }}
+            spacing={8}
+            my={4}
+            align={'left'}
+          >
+            {PriorTeamMembers.map((member) => (
               <TeamMember key={member.name} member={member} />
             ))}
           </SimpleGrid>