fix: sanitize logs before feeding to p tag

Author: AbhishekA1509

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "0.1.8-beta-5",
+    "version": "0.1.8-beta-6",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -1,3 +1,4 @@
+import DOMPurify from 'dompurify'
 import { ZERO_TIME_STRING } from '@Common/Constants'
 import { getTimeDifference } from '@Shared/Helpers'
 import { LogStageAccordionProps } from './types'
@@ -63,7 +64,7 @@ const LogStageAccordion = ({
                             className="mono fs-14 mb-0-imp cn-0 dc__word-break"
                             // eslint-disable-next-line react/no-danger
                             dangerouslySetInnerHTML={{
-                                __html: log,
+                                __html: DOMPurify.sanitize(log),
                             }}
                         />
                     </div>

src/Shared/Components/CICDHistory/LogStageAccordion.tsx

@@ -17,6 +17,7 @@
 import { useParams } from 'react-router'
 import { useEffect, useRef, useState } from 'react'
 import AnsiUp from 'ansi_up'
+import DOMPurify from 'dompurify'
 import { ANSI_UP_REGEX } from '@Shared/constants'
 import {
     Progressing,
@@ -436,7 +437,7 @@ export const LogsRenderer = ({
                             className="mono fs-14 mb-0-imp"
                             // eslint-disable-next-line react/no-danger
                             dangerouslySetInnerHTML={{
-                                __html: log,
+                                __html: DOMPurify.sanitize(log),
                             }}
                         />
                     </div>