Merge branch 'main' of github.com:CPSC319-Winter-term-2/Alley-HSBC-Frontend into main

src/components/contacts/contacts-components/body-components/LowerBody.tsx

@@ -31,7 +31,7 @@ const LowerBody: React.FC<Props> = (props) => {
       }}
     >
       <Typography
-        sx={{ color: "white", my: 1 }}
+        sx={{ color: "black", mt: 1, borderBottom: 1, borderColor: "#ac000d", pb: 1 }}
         variant="h4"
         textAlign="center"
       >
@@ -56,6 +56,8 @@ const LowerBody: React.FC<Props> = (props) => {
                 px: "10px",
                 borderTop: 1,
                 borderBottom: i === meetings.length - 1 ? 1 : 0,
+                borderColor: "#af000d",
+                backgroundColor: "#fff5f5"
               }}
               key={i}
             >

src/components/contacts/contacts-components/body-components/UpperBody.tsx

@@ -92,10 +92,10 @@ const UpperBody: React.FC<Props> = ({ contactInfo }) => {
           mx: 4,
         }}
       >
-        <Typography variant="h3">{contactInfo.name}</Typography>
+        <Typography sx={{ mt: 2 }} variant="h3">{contactInfo.name}</Typography>
         {!favoritesUuids.includes(contactInfo.uuid) ? (
           <Button
-            variant="outlined"
+            variant="contained"
             color="success"
             startIcon={<AddIcon />}
             onClick={() =>
@@ -106,7 +106,7 @@ const UpperBody: React.FC<Props> = ({ contactInfo }) => {
           </Button>
         ) : (
           <Button
-            variant="outlined"
+            variant="contained"
             color="secondary"
             startIcon={<RemoveIcon />}
             onClick={() =>