Transcript search fix (#2014)

* Fixed transcript search bugs

* Prettify

Author: delexagon

components/hearing/Transcriptions.tsx

@@ -289,10 +289,17 @@ const TranscriptItem = forwardRef(function TranscriptItem(
   }
   const highlightText = (text: string, term: string) => {
     if (!term) return text
-    const regex = new RegExp(`(${term})`, "gi")
-    return text
-      .split(regex)
-      .map((part, i) => (regex.test(part) ? <mark key={i}>{part}</mark> : part))
+    const escaped = term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+    const regex = new RegExp(`(${escaped})`, "gi")
+    return text.split(regex).map((part, i) =>
+      regex.test(part) ? (
+        <mark key={i} className={`p-0`}>
+          {part}
+        </mark>
+      ) : (
+        part
+      )
+    )
   }
 
   return (