misc: addressed comments

frontend/package.json

@@ -80,9 +80,11 @@
     "react-hook-form": "^7.54.0",
     "react-i18next": "^15.2.0",
     "react-icons": "^5.4.0",
+    "react-markdown": "^10.0.1",
     "react-select": "^5.9.0",
     "react-toastify": "^10.0.6",
     "redaxios": "^0.5.1",
+    "rehype-raw": "^7.0.0",
     "tailwind-merge": "^2.5.5",
     "tweetnacl": "^1.0.3",
     "tweetnacl-util": "^0.15.1",

frontend/src/components/page-frames/Banner.tsx

@@ -1,5 +1,6 @@
-/* eslint-disable react/no-danger */
+import ReactMarkdown from "react-markdown";
 import DOMPurify from "dompurify";
+import rehypeRaw from "rehype-raw";
 
 import { useServerConfig } from "@app/context";
 
@@ -9,7 +10,9 @@ export const Banner = () => {
   // eslint-disable-next-line react/no-danger-with-children
   return config.pageFrameContent ? (
     <div className="h-[3vh] w-full text-center">
-      <div dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(config.pageFrameContent) }} />
+      <ReactMarkdown rehypePlugins={[rehypeRaw]}>
+        {DOMPurify.sanitize(config.pageFrameContent)}
+      </ReactMarkdown>
     </div>
   ) : (
     <div />

frontend/src/pages/middlewares/restrict-login-signup.tsx

@@ -1,8 +1,10 @@
 import { useState } from "react";
+import ReactMarkdown from "react-markdown";
 import { createFileRoute, Outlet, redirect, stripSearchParams } from "@tanstack/react-router";
 import { zodValidator } from "@tanstack/zod-adapter";
 import { addSeconds, formatISO } from "date-fns";
 import DOMPurify from "dompurify";
+import rehypeRaw from "rehype-raw";
 import { z } from "zod";
 
 import { Button } from "@app/components/v2";
@@ -50,12 +52,9 @@ export const AuthConsentWrapper = () => {
       {config.authConsentContent && !hasConsented && (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-mineshaft-700/80 bg-opacity-90">
           <div className="max-h-[80vh] w-4/12 overflow-y-auto rounded-lg bg-bunker-800 p-6 text-white">
-            <div
-              // eslint-disable-next-line react/no-danger
-              dangerouslySetInnerHTML={{
-                __html: DOMPurify.sanitize(config.authConsentContent)
-              }}
-            />
+            <ReactMarkdown rehypePlugins={[rehypeRaw]}>
+              {DOMPurify.sanitize(config.authConsentContent)}
+            </ReactMarkdown>
             <div className="mt-6 flex justify-end">
               <Button onClick={handleConsent} colorSchema="secondary">
                 OK