Changed to showing visible participate button.

sports-matcher/src/ListSuggestedMatch.js

@@ -3,7 +3,7 @@ import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import Typography from '@mui/material/Typography';
 import SportsTennisIcon from '@mui/icons-material/SportsTennis';
-import { ListItemIcon } from '@mui/material';
+import { Button, ListItemIcon } from '@mui/material';
 
 export default function ListSuggestedMatch() {
     return (<ListItem alignItems="flex-start">
@@ -23,6 +23,7 @@ export default function ListSuggestedMatch() {
                         12:30PM - 123 Alphabet St. Toronto ON.
                     </Typography>
                     {" — John Smith, Alfred Baker, and Samantha Wright"}
+                    <Button size="Medium">Participate</Button>
                 </React.Fragment>
             }
         />