Enhance NoteItem component with new props for body and footer visibility

- Added showBody and showFooter props to the NoteItem component to control the rendering of the note's content and footer elements.
- Refactored the component structure to conditionally display the body and footer based on the new props, improving flexibility in note presentation.

src/components/Dashboard/common/NoteItem.jsx

@@ -36,6 +36,8 @@ const NoteItem = ({
   showChildNotes = true,
   showActions = true,
   showInfo = true,
+  showBody = true,
+  showFooter = true,
   largeSpacing = false
 }) => {
   const [childNotes, setChildNotes] = useState([])
@@ -162,16 +164,21 @@ const NoteItem = ({
   const noteItem = (
     <>
       <Flex vertical gap={'small'}>
+        {showBody && (
           <Flex gap={'middle'} align='start' style={{ marginBottom: '4px' }}>
             <Space>
               <PersonIcon />
               <Text style={{ whiteSpace: 'nowrap' }}>{note.user.name}:</Text>
             </Space>
-          <div style={{ marginTop: '1px' }}>
+            <div style={{ marginTop: '4px' }}>
               <MarkdownDisplay content={note.content} />
             </div>
           </Flex>
+        )}
+        {showFooter && showBody && (
           <Divider style={{ margin: largeSpacing ? '10px 0' : 0 }} />
+        )}
+        {showFooter && (
           <Flex wrap gap={'small'}>
             {showActions && (
               <>
@@ -246,6 +253,7 @@ const NoteItem = ({
               </Space>
             </Flex>
           </Flex>
+        )}
         {isExpanded && (
           <Flex vertical gap={'small'} style={{ flexGrow: 1 }}>
             {childNotes.length > 0 ? (
@@ -342,7 +350,9 @@ NoteItem.propTypes = {
   showChildNotes: PropTypes.bool,
   showActions: PropTypes.bool,
   largeSpacing: PropTypes.bool,
-  showInfo: PropTypes.bool
+  showInfo: PropTypes.bool,
+  showBody: PropTypes.bool,
+  showFooter: PropTypes.bool
 }
 
 export default NoteItem