Fix #2835, #2836 Lineage entities overlap and Descriptions in Lineage…

… view do not have formatting. (#2840)

* Fix #2835, #2836 Lineage entities overlap and Descriptions in Lineage view do not have formatting.

* Minor change

* Changing nodeWidth

openmetadata-ui/src/main/resources/ui/src/components/EntityInfoDrawer/EntityInfoDrawer.component.tsx

@@ -28,6 +28,7 @@ import useToastContext from '../../hooks/useToastContext';
 import { getHeaderLabel } from '../../utils/EntityLineageUtils';
 import { getEntityOverview, getEntityTags } from '../../utils/EntityUtils';
 import { getEntityIcon } from '../../utils/TableUtils';
+import RichTextEditorPreviewer from '../common/rich-text-editor/RichTextEditorPreviewer';
 import { SelectedNode } from '../EntityLineage/EntityLineage.interface';
 import Loader from '../Loader/Loader';
 import Tags from '../tags/tags';
@@ -227,7 +228,7 @@ const EntityInfoDrawer = ({
             <span className="tw-text-grey-muted">Description</span>
             <div>
               {entityDetail.description?.trim() ? (
-                entityDetail.description
+                <RichTextEditorPreviewer markdown={entityDetail.description} />
               ) : (
                 <p className="tw-text-xs tw-text-grey-muted">
                   No description added

openmetadata-ui/src/main/resources/ui/src/constants/constants.ts

@@ -304,5 +304,5 @@ export const TITLE_FOR_NON_ADMIN_ACTION =
 export const positionX = 150;
 export const positionY = 60;
 
-export const nodeWidth = 172;
-export const nodeHeight = 36;
+export const nodeWidth = 240;
+export const nodeHeight = 40;