Improve styling and layout of dashboard components

- Updated line-height in markdown paragraphs for better readability.
- Adjusted margin in NoteItem component for improved spacing.
- Added a class name to Flex component in PropertyChanges for enhanced styling control.

assets/stylesheets/App.css

@@ -575,7 +575,7 @@ body {
 .markdown p {
   font-size: 14px;
   margin: 10px 0;
-  line-height: 1;
+  line-height: 1.6;
 }
 
 .markdown h1 {
@@ -598,6 +598,10 @@ body {
   width: 100%;
 }
 
+.property-changes .markdown {
+  width: unset;
+}
+
 .markdown ul,
 .markdown ol {
   padding-left: 20px;

src/components/Dashboard/common/NoteItem.jsx

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

src/components/Dashboard/common/PropertyChanges.jsx

@@ -53,7 +53,11 @@ const PropertyChanges = ({ type, value }) => {
         }
         return (
           <Descriptions.Item key={key} label={changeProperty.label}>
-            <Flex gap={'small'} style={{ minWidth: 0, width: '100%' }}>
+            <Flex
+              gap={'small'}
+              style={{ minWidth: 0, width: '100%' }}
+              className='property-changes'
+            >
               {value?.old ? (
                 <ObjectProperty
                   {...changeProperty}