Refactor MarkdownDisplay and MarkdownInput components for improved rendering and user experience. Adjust spacing in NoteItem for better layout consistency.

src/components/Dashboard/common/MarkdownDisplay.jsx

@@ -41,7 +41,7 @@ const MarkdownDisplay = ({ content }) => {
     ul: UlComponent,
     ol: OlComponent,
     li: LiComponent,
-    strong: (props) => <Text strong {...props} />,
+    strong: (props) => <strong {...props} />,
     em: (props) => <Text italic {...props} />,
     code: ({ inline, ...props }) =>
       inline ? (
@@ -55,7 +55,7 @@ const MarkdownDisplay = ({ content }) => {
   }
 
   return (
-    <div className="markdown markdown-display">
+    <div className='markdown markdown-display'>
       <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>
         {content}
       </ReactMarkdown>

src/components/Dashboard/common/MarkdownInput.jsx

@@ -103,6 +103,7 @@ const MarkdownInput = ({
       <CodeBlockEditor
         code={markdownValue}
         language='markdown'
+        showLineNumbers={false}
         style={{ border: 'none' }}
         onChange={(val) => {
           onChange?.(val)

src/components/Dashboard/common/NoteItem.jsx

@@ -168,7 +168,7 @@ const NoteItem = ({
             <PersonIcon />
             <Text style={{ whiteSpace: 'nowrap' }}>{note.user.name}:</Text>
           </Space>
-          <div style={{ marginBottom: '4px' }}>
+          <div style={{ marginTop: '4px' }}>
             <MarkdownDisplay content={note.content} />
           </div>
         </Flex>