display volunteer mail on team members

src/components/TeamMembers/TeamMembers.tsx

@@ -65,6 +65,7 @@ const TeamMembers: FC<Props> = ({ teamId }): JSX.Element => {
                     >
                         D
                     </div>
+                    <div className={styles.volunteerEmail}>{volunteer.email}</div>
                 </li>
             ))}
         </ul>

src/components/TeamMembers/styles.module.scss

@@ -17,11 +17,17 @@ $height: 24px;
 .volunteerName {
     display: inline-block;
     height: $height;
-    width: 250px;
+    width: 230px;
     padding-right: 4px;
     text-align: right;
 }
 
+.volunteerEmail {
+    display: inline-block;
+    height: $height;
+    padding-left: 4px;
+}
+
 .dayTitle {
     display: inline-block;
     width: 50px;