support images in table card markdown

src/components/Home/TableGrid/TableCard.tsx

@@ -50,7 +50,7 @@ export default function TableCard({
           {description && (
             <RenderedMarkdown
               children={description}
-              restrictionPreset="singleLine"
+              //restrictionPreset="singleLine"
             />
           )}
         </Typography>

src/components/RenderedMarkdown.tsx

@@ -6,8 +6,10 @@ import { Typography, Link } from "@mui/material";
 
 const remarkPlugins = [remarkGfm];
 const components = {
-  a: (p) => <Link color="inherit" {...p} />,
+  a: (props) => <Link color="inherit" {...props} />,
   p: Typography,
+  // eslint-disable-next-line jsx-a11y/alt-text
+  img: (props) => <img style={{ maxWidth: "100%" }} {...props} />,
 };
 
 const restrictionPresets = {