notes are rendered as HTML

Closes #323 (closed)

src/components/Map/Drawer/BioEntityDrawer/BioEntityDrawer.component.tsx

@@ -14,6 +14,7 @@ import { DrawerHeading } from '@/shared/DrawerHeading';
 import { ElementSearchResultType } from '@/types/models';
 import { CommentItem } from '@/components/Map/Drawer/BioEntityDrawer/Comments/CommentItem.component';
 import { ModificationResidueItem } from '@/components/Map/Drawer/BioEntityDrawer/ModificationResidueItem';
+import React from 'react';
 import { CollapsibleSection } from '../ExportDrawer/CollapsibleSection';
 import { AnnotationItem } from './AnnotationItem';
 import { AssociatedSubmap } from './AssociatedSubmap';
@@ -73,7 +74,10 @@ export const BioEntityDrawer = (): React.ReactNode => {
         {bioEntityData.notes && (
           <span>
             <hr className="border-b border-b-divide" />
-            <div className="text-sm font-normal">{bioEntityData.notes}</div>
+            <div
+              className="text-sm font-normal"
+              dangerouslySetInnerHTML={{ __html: bioEntityData.notes }}
+            />
           </span>
         )}
         {isModificationAvailable && (