biome rule update

Author: Mohammad Umer Alam

biome.json

@@ -22,6 +22,9 @@
         "noNonNullAssertion": "off",
         "noParameterAssign": "off",
         "useTemplate": "off"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off"
       }
     },
     "ignore": ["client/browser/src/types/webextension-polyfill/index.d.ts"]

lib/ui-react/src/chip/Chip.tsx

@@ -1,37 +1,34 @@
-import type { Annotation } from "@openctx/schema";
-import { renderHoverToHTML } from "@openctx/ui-common";
-import DOMPurify from "dompurify";
-import type { FunctionComponent } from "react";
-import { BaseChip } from "./BaseChip.js";
+import type { Annotation } from '@openctx/schema'
+import { renderHoverToHTML } from '@openctx/ui-common'
+import DOMPurify from 'dompurify'
+import type { FunctionComponent } from 'react'
+import { BaseChip } from './BaseChip.js'
 /**
  * A single OpenCtx annotation, displayed as a "chip".
  */
 export const Chip: FunctionComponent<{
-	annotation: Annotation;
-	className?: string;
-	popoverClassName?: string;
+    annotation: Annotation
+    className?: string
+    popoverClassName?: string
 }> = ({ annotation: { item }, className, popoverClassName }) => {
-	const renderedHover = renderHoverToHTML(item.ui?.hover);
-	return (
-		<BaseChip
-			title={item.title}
-			url={item.url}
-			className={className}
-			popover={
-				renderedHover ? (
-					renderedHover.format === "text" ? (
-						<div>{renderedHover.value}</div>
-					) : (
-						/* biome-ignore lint/security/noDangerouslySetInnerHtml: input is sanitized by renderHoverToHTML */
-						<div
-							dangerouslySetInnerHTML={{
-								__html: DOMPurify.sanitize(renderedHover.value),
-							}}
-						/>
-					)
-				) : null
-			}
-			popoverClassName={popoverClassName}
-		/>
-	);
-};
+    const renderedHover = renderHoverToHTML(item.ui?.hover)
+    return (
+        <BaseChip
+            title={item.title}
+            url={item.url}
+            className={className}
+            popover={
+                renderedHover ? (
+                    renderedHover.format === 'text' ? (
+                        <div>{renderedHover.value}</div>
+                    ) : (
+                        <div
+                            dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(renderedHover.value) }}
+                        />
+                    )
+                ) : null
+            }
+            popoverClassName={popoverClassName}
+        />
+    )
+}

web/src/content/ContentPage.tsx

@@ -20,7 +20,6 @@ export const ContentPage: FunctionComponent<{ content: ContentPages }> = ({ cont
                     <ContentPageComponent />
                 </div>
             ) : pageContext.contentPageHtml ? (
-                // biome-ignore lint/security/noDangerouslySetInnerHtml: The input value does not come from the user.
                 <div
                     dangerouslySetInnerHTML={{
                         __html: DOMPurify.sanitize(pageContext.contentPageHtml.toString()),