announcement link color matches primary color

Author: azhang45

client/src/components/home/shared/Annoucements.tsx

@@ -132,7 +132,16 @@ export default function Announcements(props) {
               {rows.slice().reverse().map((row, index) => (
                 <ItemRow key={row.id} index={index} rowKey={row.id}>
                   <TableCell component='th' scope='row' sx={{pl: 3.25}}>
-                    <Typography sx={{fontWeight: 'bold', whiteSpace: 'pre-line'}}>
+                    <Typography
+                      sx={{
+                        'fontWeight': 'bold',
+                        'whiteSpace': 'pre-line',
+                        '& a': {
+                          color: 'primary.main',
+                          cursor: 'pointer',
+                        },
+                      }}
+                    >
                       <Linkify options={{target: '_blank'}}>{row.content}</Linkify>
                     </Typography>
                   </TableCell>