add react-markdown for some reason.

also add block text to message card

package.json

@@ -42,6 +42,7 @@
         "next": "^13.4.7",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-markdown": "^8.0.7",
         "tsconfig-paths": "^4.2.0",
         "yup": "^1.2.0"
     }

src/components/cards/MessageCard/MessageCard.tsx

@@ -51,7 +51,7 @@ export default function MessageCard({
                         <p className={globals.titleSmall}>{message.subject}</p>
                     </Conditional>
                     <Conditional condition={message.body != ""}>
-                        <p className={globals.text}>{message.body}</p>
+                        <p className={globals.blockText}>{message.body}</p>
                     </Conditional>
                 </div>
             </div>