fix markdown overflow when render long code (#1640)

* fix markdown overflow when render long code

* remove unneeded style

Author: notmd

website/src/components/Messages/RenderedMarkdown.tsx

@@ -27,6 +27,7 @@ const components = {
 };
 
 const sx: SystemStyleObject = {
+  overflowX: "auto",
   pre: {
     bg: "transparent",
   },
@@ -43,12 +44,12 @@ const sx: SystemStyleObject = {
   },
   "p:only-child": {
     my: 0, // ovoid margin when markdown only render 1 p tag
+    mt: { base: 1.5, md: 0 },
   },
   p: {
     whiteSpace: "pre-wrap",
     display: "inline-block",
   },
-  display: "inline-block",
   wordBreak: "break-word",
   "> blockquote": {
     borderInlineStartColor: "gray.300",

website/src/pages/api/messages/[id]/tree.ts

@@ -9,7 +9,7 @@ export default withoutRole("banned", async (req, res, token) => {
   const isModOrAdmin = token.role === ROLES.ADMIN || token.role === ROLES.MODERATOR;
   const response = await client.fetch_message_tree(messageId, {
     include_deleted: isModOrAdmin,
-    include_spam: isModOrAdmin,
+    include_spam: true,
   });
 
   if (!response) {