fix: add LINE_SEPARATOR const

Author: S-FrontendDev

src/lib/markdown.js

@@ -1,6 +1,11 @@
 import { marked } from 'marked'
 import DOMPurify from 'dompurify'
 
+
+// The U+2028 character (LINE SEPARATOR) is sometimes used as a line break, but it is treated as a space in some web environments,
+// causing unexpected rendering issues. To avoid this, it's recommended to replace it with a standard line break character such as `\n`.
+const LINE_SEPARATOR = /\u2028/g;
+
 marked.setOptions({
   // marked sanitize is deprecated, using DOMPurify
   // sanitize: true,
@@ -33,22 +38,6 @@ renderer.heading = function ({ text }) {
 
 marked.use({ renderer })
 
-
-/**
- * Normalizes line separator characters in the given text by replacing U+2028 (LINE SEPARATOR) characters with the specified line separator character.
- *
- * The U+2028 character (LINE SEPARATOR) is sometimes used as a line break, but it is treated as a space in some web environments,
- * causing unexpected rendering issues. To avoid this, it's recommended to replace it with a standard line break character such as `\n`.
- *
- * @param {string} text - The text in which line separator characters need to be replaced.
- * @param {string} [replaceValue="\n"] - The value that will replace the U+2028 character. Defaults to the newline character (`\n`).
- *
- * @returns {string} - The text with U+2028 characters replaced by `replaceValue`.
- *
- */
-const normalizeLineSeparator = (text, replaceValue = "\n") => {
-  return text.replace(/\u2028/g, replaceValue);
-}
 /**
  * Sanitizes text to show HTML
  * @param {string} text text to sanitize
@@ -64,7 +53,7 @@ export function sanitizeHTML(text = '') {
  * @returns {string} resulting sanitized HTML
  */
 export function renderMarkdown(text = '') {
-  return marked.parse(sanitizeHTML(normalizeLineSeparator(text)))
+  return marked.parse(sanitizeHTML(text.replace(LINE_SEPARATOR,  "\n")))
 }
 
 /**
@@ -88,7 +77,7 @@ export function formatMessage(text = '') {
 
   const textWithoutHtml = node.textContent || node.innerText || ''
 
-  const replaceValue = '<span class="arrow-return">↵</span>';
-
-  return normalizeLineSeparator(textWithoutHtml.replace(/↵/g, replaceValue), replaceValue)
+  return textWithoutHtml
+    .replace(LINE_SEPARATOR, '↵')
+    .replace(/↵/g, '<span class="arrow-return">↵</span>')
 }