Refactor PropertyChanges component to replace Space with Flex for improved layout and spacing in rendering property changes.

src/components/Dashboard/common/PropertyChanges.jsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import { Descriptions, Typography, Space } from 'antd'
+import { Descriptions, Typography, Flex } from 'antd'
 import { getModelProperty } from '../../../database/ObjectModels'
 import ObjectProperty from './ObjectProperty'
 import ArrowRightIcon from '../../Icons/ArrowRightIcon'
@@ -51,7 +51,7 @@ const PropertyChanges = ({ type, value }) => {
         }
         return (
           <Descriptions.Item key={key} label={changeProperty.label}>
-            <Space>
+            <Flex gap={'small'}>
               {value?.old ? (
                 <ObjectProperty
                   {...changeProperty}
@@ -73,7 +73,7 @@ const PropertyChanges = ({ type, value }) => {
                   objectData={value?.new}
                 />
               ) : null}
-            </Space>
+            </Flex>
           </Descriptions.Item>
         )
       })}