overload <blockquote> in <ReactMarkdown>

apps/frontend/src/pages/ProjectDetails/components/ProjectDetails/ProjectDetails.jsx

@@ -75,9 +75,24 @@ function ProjectDetails({project}) {
                         <ReactMarkdown
                             remarkPlugins={[remarkGfm]}
                             components={{
-                                h2({node, ...props}) {
+                                h2({ node, ...props }) {
                                     const id = String(props.children).toLowerCase().replace(/\s+/g, "-");
                                     return <h2 id={id} {...props} />;
+                                },
+                                blockquote({ node, ...props }) {
+                                    return (
+                                        <blockquote
+                                            style={{
+                                                margin: '16px 0',
+                                                padding: '12px 16px',
+                                                backgroundColor: '#161616',
+                                                borderLeft: '3px solid #e05a36',
+                                                borderRadius: '0 6px 6px 0',
+                                                fontSize: '0.85rem',
+                                            }}
+                                            {...props}
+                                        />
+                                    );
                                 }
                             }}
                         >