DBC22-6713: added missing parse for html fields

Author: ray-oxd

src/frontend/src/Components/events/EventCard.js

@@ -62,7 +62,7 @@ export default function EventCard(props) {
           <div className="header">{ showLoader ? <Skeleton /> : 'Location' }</div>
           <div className="content">
             {showLoader ? <Skeleton count={2} width={200} /> :
-              (event.display_category === 'chainUps' ? event.highway_segment_names : event.location_description)}
+              (event.display_category === 'chainUps' ? event.highway_segment_names : parse(event.location_description))}
           </div>
         </div>
 

src/frontend/src/Components/events/EventsTable.js

@@ -92,7 +92,7 @@ export default function EventsTable(props) {
       header: <span tabIndex={0}>{'Location'}</span>,
       accessorKey: 'location_description',
       sortingFn: 'severitySort', // override to sort by severity instead
-      cell: (props) => <span>{props.getValue()}</span>,
+      cell: (props) => <span>{parse(props.getValue())}</span>,
     },
     {
       header: <span tabIndex={0}>{'Closest Landmark'}</span>,