feat(sanitize): enable input sanitation

Follows the docs to inject rehype-sanitze in the preview component:
https://github.com/uiwjs/react-md-editor?tab=readme-ov-file#security

Author: bitbeckers

components/hypercert/hypercert-minting-form/form-steps.tsx

@@ -21,6 +21,7 @@ import {
   X,
 } from "lucide-react";
 import { RefObject, useMemo, useState } from "react";
+import rehypeSanitize from "rehype-sanitize";
 
 import CreateAllowlistDialog from "@/components/allowlist/create-allowlist-dialog";
 import ConnectDialog from "@/components/connect-dialog";
@@ -137,6 +138,9 @@ const GeneralInformation = ({ form }: FormStepsProps) => {
                     commands.orderedListCommand,
                     commands.codeBlock,
                   ]}
+                  previewOptions={{
+                    rehypePlugins: [[rehypeSanitize]],
+                  }}
                 />
               </div>
             </FormControl>

package.json

@@ -70,6 +70,7 @@
     "react-hook-form": "^7.51.3",
     "react-markdown": "^9.0.3",
     "react-use": "^17.5.1",
+    "rehype-sanitize": "^6.0.0",
     "remeda": "^2.0.3",
     "server-only": "^0.0.1",
     "sharp": "^0.33.5",