From e7a98d3a9b7cf6bdbbc8168502414e12a7ec5ce4 Mon Sep 17 00:00:00 2001
From: Vlad 2 <116202536+sktbrd@users.noreply.github.com>
Date: Mon, 8 Jul 2024 15:35:02 -0300
Subject: [PATCH] Canary backup (#241)

Co-authored-by: Vlad Nikolaev <web3warrior@macbook.local>
Co-authored-by: Nounspace Ryan <ryan@nounspace.com>
Co-authored-by: Julian Early <julian.is.early@gmail.com>
Co-authored-by: Jesse Paterson <jesse.r.pat@gmail.com>
---
 package.json                                  |   5 +
 src/common/components/atoms/tooltip.tsx       |   2 +-
 src/common/components/molecules/MDeditor.tsx  |  43 ++
 .../organisms/FidgetSettingsEditor.tsx        |  18 +-
 src/common/lib/theme/ThemeSettingsEditor.tsx  | 156 ++++-
 src/common/lib/theme/fonts.ts                 |  12 +
 src/common/lib/utils/markdownRenderers.tsx    | 253 +++++++
 .../community/nouns-dao/NounishGovernance.tsx |  57 +-
 .../components/BuilderProposalDetailView.tsx  |  68 +-
 .../components/BuilderProposalItem.tsx        |   7 +-
 ...ilView.tsx => NounsProposalDetailView.tsx} |  34 +-
 .../components/ProposalListRowItem.tsx        |   6 +-
 .../nouns-dao/components/ProposalListView.tsx |  33 +-
 src/fidgets/index.ts                          |   2 +
 src/fidgets/ui/Text.tsx                       |  40 +-
 src/fidgets/zora/zoraEmbed.tsx                | 100 +++
 yarn.lock                                     | 651 +++++++++++++++++-
 17 files changed, 1373 insertions(+), 114 deletions(-)
 create mode 100644 src/common/components/molecules/MDeditor.tsx
 create mode 100644 src/common/lib/utils/markdownRenderers.tsx
 rename src/fidgets/community/nouns-dao/components/{ProposalDetailView.tsx => NounsProposalDetailView.tsx} (91%)
 create mode 100644 src/fidgets/zora/zoraEmbed.tsx

diff --git a/package.json b/package.json
index b8e2b0a6..16596947 100644
--- a/package.json
+++ b/package.json
@@ -87,6 +87,7 @@
     "@types/dompurify": "^3.0.5",
     "@types/express": "^4.17.21",
     "@types/lodash": "^4.17.6",
+    "@uiw/react-md-editor": "^4.0.4",
     "@webscopeio/react-textarea-autocomplete": "^4.9.2",
     "@xmtp/frames-validator": "^0.6.0",
     "@xmtp/proto": "^3.61.1",
@@ -128,12 +129,16 @@
     "react-icons": "^5.0.1",
     "react-intersection-observer": "^9.8.1",
     "react-loader-spinner": "^6.1.6",
+    "react-markdown": "^9.0.1",
     "react-player": "^2.16.0",
     "react-qr-code": "^2.0.14",
     "react-router-dom": "^6.22.0",
     "react-stately": "^3.31.1",
     "react-tweet": "^3.2.1",
+    "rehype-raw": "^7.0.0",
+    "rehype-sanitize": "^6.0.0",
     "remark": "^15.0.1",
+    "remark-gfm": "^4.0.0",
     "remark-html": "^16.0.1",
     "sharp": "^0.33.4",
     "sonner": "^1.4.41",
diff --git a/src/common/components/atoms/tooltip.tsx b/src/common/components/atoms/tooltip.tsx
index 9d225add..0a61a4c8 100644
--- a/src/common/components/atoms/tooltip.tsx
+++ b/src/common/components/atoms/tooltip.tsx
@@ -17,7 +17,7 @@ const TooltipContent = React.forwardRef<
     ref={ref}
     sideOffset={sideOffset}
     className={mergeClasses(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-index-[9999]",
       className,
     )}
     {...props}
diff --git a/src/common/components/molecules/MDeditor.tsx b/src/common/components/molecules/MDeditor.tsx
new file mode 100644
index 00000000..701a6632
--- /dev/null
+++ b/src/common/components/molecules/MDeditor.tsx
@@ -0,0 +1,43 @@
+import React, { useState } from "react";
+import MDEditor, { commands } from "@uiw/react-md-editor";
+
+interface MDeditorProps {
+  value: string;
+  onChange: (value: string) => void;
+}
+
+const MDeditor: React.FC<MDeditorProps> = ({ value, onChange }) => {
+  const [markdown, setMarkdown] = useState(value);
+
+  const handleEditorChange = (val?: string) => {
+    const updatedValue = val || "";
+    setMarkdown(updatedValue);
+    onChange(updatedValue);
+  };
+
+  return (
+    <div className="w-full h-full" data-color-mode="light">
+      <MDEditor
+        value={markdown}
+        onChange={handleEditorChange}
+        commands={[
+          commands.bold,
+          commands.italic,
+          commands.strikethrough,
+          commands.hr,
+        ]}
+        height="600px"
+        preview="edit"
+        style={{
+          height: "100%",
+          width: "100%",
+          overflow: "auto",
+          border: "1px solid var(--user-theme-fidget-border-color)",
+          borderRadius: "5px",
+        }}
+      />
+    </div>
+  );
+};
+
+export default MDeditor;
diff --git a/src/common/components/organisms/FidgetSettingsEditor.tsx b/src/common/components/organisms/FidgetSettingsEditor.tsx
index d08627df..1bc33e4f 100644
--- a/src/common/components/organisms/FidgetSettingsEditor.tsx
+++ b/src/common/components/organisms/FidgetSettingsEditor.tsx
@@ -142,14 +142,14 @@ export const FidgetSettingsEditor: React.FC<FidgetSettingsEditorProps> = ({
     });
   };
 
-  const onKeyDown = (event: React.KeyboardEvent<HTMLFormElement>): void => {
-    // 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event
-    if (event.key === "Enter") {
-      event.preventDefault();
-      event.stopPropagation();
-      onSave(state);
-    }
-  };
+  // 'keypress' event misbehaves on mobile so we track 'Enter' key via 'keydown' event
+  // const onKeyDown = (event: React.KeyboardEvent<HTMLFormElement>): void => {
+  //   if (event.key === "Enter") {
+  //     event.preventDefault();
+  //     event.stopPropagation();
+  //     onSave(state);
+  //   }
+  // };
 
   const groupedFields = useMemo(
     () => fieldsByGroup(properties.fields),
@@ -160,7 +160,7 @@ export const FidgetSettingsEditor: React.FC<FidgetSettingsEditorProps> = ({
     <form
       onSubmit={_onSave}
       className="flex-col flex h-full"
-      onKeyDown={onKeyDown}
+      // onKeyDown={onKeyDown}
     >
       <div className="h-full overflow-auto">
         <div className="flex pb-4 m-2">
diff --git a/src/common/lib/theme/ThemeSettingsEditor.tsx b/src/common/lib/theme/ThemeSettingsEditor.tsx
index 0e75c095..7bec9875 100644
--- a/src/common/lib/theme/ThemeSettingsEditor.tsx
+++ b/src/common/lib/theme/ThemeSettingsEditor.tsx
@@ -22,6 +22,13 @@ import {
   tabTriggerClasses,
   tabContentClasses,
 } from "@/common/lib/theme/helpers";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+  TooltipProvider,
+} from "@/common/components/atoms/tooltip";
+import { FaInfoCircle } from "react-icons/fa";
 
 export type ThemeSettingsEditorArgs = {
   theme: ThemeSettings;
@@ -37,6 +44,7 @@ export function ThemeSettingsEditor({
   cancelExitEditMode,
 }: ThemeSettingsEditorArgs) {
   const [showConfirmCancel, setShowConfirmCancel] = useState(false);
+  const [displayToolTips, setDisplayToolTips] = useState(false);
 
   function themePropSetter<T extends string>(
     property: string,
@@ -75,11 +83,25 @@ export function ThemeSettingsEditor({
     cancelExitEditMode();
   }
 
+  function toggleToolTips() {
+    setDisplayToolTips(!displayToolTips);
+  }
+
   return (
     <>
       <div className="flex flex-col h-full gap-6">
         {/* Back */}
-        <div>Customize</div>
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <div className="flex items-center gap-1">
+                <div>Customize</div>
+                <FaInfoCircle onClick={toggleToolTips} color="grey" />
+              </div>
+            </TooltipTrigger>
+            <TooltipContent>Little Help?</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
 
         {/* Content */}
         <div className="h-full overflow-auto flex flex-col gap-4">
@@ -138,7 +160,29 @@ export function ThemeSettingsEditor({
             <TabsContent value="style" className={tabContentClasses}>
               <div className="flex flex-col gap-1">
                 <h4 className="text-sm font-bold">Space</h4>
-                <h4 className="text-sm">Background color</h4>
+                <div className="flex flex-row gap-1">
+                  <h4 className="text-sm">Background color</h4>
+                  <TooltipProvider>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <div className="flex items-center gap-1">
+                          {displayToolTips && <FaInfoCircle color="grey" />}
+                        </div>
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        <div className="flex flex-col gap-1">
+                          <div>
+                            Set a solid background or gradient color.
+                            <br />
+                            You can also add custom backgrounds
+                            <br />
+                            with HTML/CSS on the Code tab.
+                          </div>
+                        </div>
+                      </TooltipContent>
+                    </Tooltip>
+                  </TooltipProvider>
+                </div>
                 <ColorSelector
                   className="rounded-full overflow-hidden w-6 h-6 shrink-0"
                   innerClassName="rounded-full"
@@ -150,10 +194,28 @@ export function ThemeSettingsEditor({
               {/* Fidget styles */}
               <div className="flex flex-col gap-1">
                 <h4 className="text-sm font-bold">Fidgets</h4>
-
                 <div className="flex flex-col gap-1">
                   <div className="">
-                    <h5 className="text-xs">Background color</h5>
+                    <div className="flex flex-row gap-1">
+                      <h5 className="text-sm">Background color</h5>
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <div className="flex items-center gap-1">
+                              {displayToolTips && <FaInfoCircle color="grey" />}
+                            </div>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <div className="flex flex-col gap-1">
+                              <div>
+                                Set a background color or gradient that fidgets
+                                can inherit.
+                              </div>
+                            </div>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
+                    </div>
                     <ColorSelector
                       className="rounded-full overflow-hidden w-6 h-6 shrink-0 my-2"
                       innerClassName="rounded-full"
@@ -162,7 +224,27 @@ export function ThemeSettingsEditor({
                     />
                   </div>
                   <div className="">
-                    <h5 className="text-xs">Border</h5>
+                    <div className="flex flex-row gap-1">
+                      <h5 className="text-xs">Border</h5>
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <div className="flex items-center gap-1">
+                              {displayToolTips && <FaInfoCircle color="grey" />}
+                            </div>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <div className="flex flex-col gap-1">
+                              <div>
+                                Set the default border width and color
+                                <br />
+                                for all Fidgets on your Space.
+                              </div>
+                            </div>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
+                    </div>
                     <div className="flex items-center gap-1">
                       <ColorSelector
                         className="rounded-full overflow-hidden w-6 h-6 shrink-0"
@@ -179,7 +261,26 @@ export function ThemeSettingsEditor({
                     </div>
                   </div>
                   <div className="">
-                    <h5 className="text-xs">Shadow</h5>
+                    <div className="flex flex-row gap-1">
+                      <h5 className="text-xs">Shadow</h5>
+                      <TooltipProvider>
+                        <Tooltip>
+                          <TooltipTrigger asChild>
+                            <div className="flex items-center gap-1">
+                              {displayToolTips && <FaInfoCircle color="grey" />}
+                            </div>
+                          </TooltipTrigger>
+                          <TooltipContent>
+                            <div className="flex flex-col gap-1">
+                              <div>
+                                Set the default shadow for all Fidgets on your
+                                Space.
+                              </div>
+                            </div>
+                          </TooltipContent>
+                        </Tooltip>
+                      </TooltipProvider>
+                    </div>
                     <ShadowSelector
                       className="ring-0 focus:ring-0 border-0 shadow-none"
                       value={fidgetShadow as string}
@@ -192,7 +293,31 @@ export function ThemeSettingsEditor({
             </TabsContent>
             <TabsContent value="code" className={tabContentClasses}>
               <div className="flex flex-col gap-1">
-                <h4 className="text-sm">Custom styles</h4>
+                <div className="flex flex-row gap-1">
+                  <h4 className="text-sm">Custom styles</h4>
+                  <TooltipProvider>
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <div className="flex items-center gap-1">
+                          {displayToolTips && <FaInfoCircle color="grey" />}
+                        </div>
+                      </TooltipTrigger>
+                      <TooltipContent>
+                        <div className="flex flex-col gap-1">
+                          <div>
+                            Add HTML/CSS as a single file
+                            <br />
+                            to customize your background.
+                            <br />
+                            Pro tip: ask AI for help coding
+                            <br />
+                            the background of your dreams
+                          </div>
+                        </div>
+                      </TooltipContent>
+                    </Tooltip>
+                  </TooltipProvider>
+                </div>
                 <HTMLInput
                   value={backgroundHTML}
                   onChange={themePropSetter<string>("backgroundHTML")}
@@ -202,9 +327,22 @@ export function ThemeSettingsEditor({
           </Tabs>
 
           <div className="my-2 bg-slate-100 h-px"></div>
-
           <div className="flex flex-col gap-1">
-            <h4 className="text-sm">Music</h4>
+            <div className="flex flex-row gap-1">
+              <h4 className="text-sm">Music</h4>
+              <TooltipProvider>
+                <Tooltip>
+                  <TooltipTrigger asChild>
+                    <div className="flex items-center gap-1">
+                      {displayToolTips && <FaInfoCircle color="grey" />}
+                    </div>
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    Paste the youtube link for any song, video, or playlist.
+                  </TooltipContent>
+                </Tooltip>
+              </TooltipProvider>
+            </div>
             <TextInput
               value={musicURL}
               onChange={themePropSetter<string>("musicURL")}
diff --git a/src/common/lib/theme/fonts.ts b/src/common/lib/theme/fonts.ts
index 21f6a1a6..6ec6483a 100644
--- a/src/common/lib/theme/fonts.ts
+++ b/src/common/lib/theme/fonts.ts
@@ -14,6 +14,7 @@ import {
   Space_Grotesk,
   Ubuntu,
   Work_Sans,
+  Londrina_Solid,
 } from "next/font/google";
 
 import type { FontFamily } from "@/common/lib/theme";
@@ -120,6 +121,13 @@ export const work_sans = Work_Sans({
   display: "swap",
 });
 
+export const londrina_solid = Londrina_Solid({
+  subsets: ["latin"],
+  variable: "--font-londrina-solid",
+  display: "swap",
+  weight: ["100", "300", "400", "900"],
+});
+
 export const FONT_FAMILY_OPTIONS: FontConfig[] = [
   {
     name: "Theme Font",
@@ -203,6 +211,10 @@ export const FONT_FAMILY_OPTIONS: FontConfig[] = [
     name: "Roboto Slab",
     config: roboto_slab,
   },
+  {
+    name: "Londrina Solid",
+    config: londrina_solid,
+  },
 ];
 
 export const FONT_FAMILY_OPTIONS_BY_NAME: {
diff --git a/src/common/lib/utils/markdownRenderers.tsx b/src/common/lib/utils/markdownRenderers.tsx
new file mode 100644
index 00000000..c45d549b
--- /dev/null
+++ b/src/common/lib/utils/markdownRenderers.tsx
@@ -0,0 +1,253 @@
+"use client";
+import React from "react";
+
+type MarkdownProps = {
+  node?: any;
+  alt?: any;
+  src?: any;
+  title?: any;
+};
+
+type RendererProps = MarkdownProps & {
+  children?: React.ReactNode;
+  ordered?: any;
+  href?: any;
+};
+
+export const MarkdownRenderers = {
+  img: ({ alt, src, title, ...props }: RendererProps) => (
+    <span
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+      }}
+    >
+      <img
+        {...props}
+        alt={alt}
+        src={src}
+        title={title}
+        style={{
+          display: "inline-block",
+          maxWidth: "100%",
+          height: "100%",
+          maxHeight: "345px",
+          borderRadius: "10px",
+          marginTop: "20px",
+          marginBottom: "20px",
+        }}
+      />
+    </span>
+  ),
+  p: ({ children, ...props }: RendererProps) => (
+    <div {...props} style={{ fontSize: "18px", paddingBottom: "15px" }}>
+      {children}
+    </div>
+  ),
+  a: ({ href, children, ...props }: RendererProps) => (
+    <a
+      style={{ color: "blue", textWrap: "wrap", wordBreak: "break-all" }}
+      href={href}
+      {...props}
+    >
+      {children}
+    </a>
+  ),
+  h1: ({ children, ...props }: RendererProps) => (
+    <h1
+      {...props}
+      style={{
+        fontWeight: "bold",
+        fontSize: "28px",
+        paddingBottom: "10px",
+        paddingTop: "10px",
+      }}
+    >
+      {children}
+    </h1>
+  ),
+  h3: ({ children, ...props }: RendererProps) => (
+    <h3
+      {...props}
+      style={{
+        fontWeight: "bold",
+        fontSize: "24px",
+        paddingBottom: "6px",
+        paddingTop: "12px",
+      }}
+    >
+      {children}
+    </h3>
+  ),
+  h2: ({ children, ...props }: RendererProps) => (
+    <h2
+      {...props}
+      style={{
+        fontWeight: "bold",
+        fontSize: "26px",
+        paddingBottom: "8px",
+        paddingTop: "10px",
+      }}
+    >
+      {children}
+    </h2>
+  ),
+  h4: ({ children, ...props }: RendererProps) => (
+    <h4
+      {...props}
+      style={{
+        fontWeight: "bold",
+        fontSize: "22px",
+        paddingBottom: "6px",
+        paddingTop: "12px",
+      }}
+    >
+      {children}
+    </h4>
+  ),
+  ol: ({ ordered, children, ...props }: RendererProps) => {
+    const listType = ordered ? "1" : "decimal";
+    return (
+      <ol {...props} style={{ listStyleType: listType, paddingLeft: "10%" }}>
+        {children}
+      </ol>
+    );
+  },
+  ul: ({ ordered, children, ...props }: RendererProps) => {
+    const listType = ordered ? "1" : "decimal";
+    return (
+      <ul
+        {...props}
+        data-ordered={listType}
+        style={{ padding: "5%", paddingLeft: "10%", color: "white" }}
+      >
+        {children}
+      </ul>
+    );
+  },
+  sub: ({ children, ...props }: RendererProps) => (
+    <sub {...props} style={{ color: "gray" }}>
+      {children}
+    </sub>
+  ),
+
+  br: ({ children, ...props }: RendererProps) => (
+    <br {...props} style={{ paddingBottom: "20px" }}>
+      {children}
+    </br>
+  ),
+  pre: ({ children, ...props }: RendererProps) => (
+    <div
+      style={{
+        backgroundColor: "#1E1E1E",
+        padding: "16px",
+        borderRadius: "8px",
+        boxShadow: "0 4px 6px rgba(0, 0, 0, 0.2)",
+        overflowX: "auto",
+      }}
+    >
+      <center>
+        <code
+          {...props}
+          style={{
+            color: "red",
+            fontFamily: "monospace",
+            fontSize: "14px",
+            lineHeight: "1.5",
+          }}
+        >
+          {children}
+        </code>
+      </center>
+    </div>
+  ),
+  iframe: ({ src, ...props }: RendererProps) => (
+    <center>
+      <iframe
+        {...props}
+        src={src}
+        style={{
+          borderRadius: "10px",
+          marginBottom: "10px",
+          maxWidth: "100%",
+          minWidth: "100%",
+          aspectRatio: "16/9",
+          height: "100%",
+          border: "2px grey solid",
+        }}
+      />
+    </center>
+  ),
+  table: ({ children, ...props }: RendererProps) => (
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        border: "1px solid none",
+        borderRadius: "10px",
+        padding: "10px",
+        overflowX: "auto",
+      }}
+    >
+      <table
+        {...props}
+        style={{
+          border: "1px solid transparent",
+          borderCollapse: "collapse",
+          margin: "0 auto",
+          width: "100%",
+          maxWidth: "100%",
+        }}
+      >
+        {children}
+      </table>
+    </div>
+  ),
+  tbody: ({ children, ...props }: RendererProps) => (
+    <tbody {...props}>{children}</tbody>
+  ),
+  tr: ({ children, ...props }: RendererProps) => <tr {...props}>{children}</tr>,
+  th: ({ children, ...props }: RendererProps) => (
+    <th
+      {...props}
+      style={{
+        border: "1px solid black",
+        padding: "8px",
+        fontWeight: "bold",
+        textAlign: "left",
+        color: "black",
+      }}
+    >
+      {children}
+    </th>
+  ),
+  td: ({ children, ...props }: RendererProps) => (
+    <td
+      {...props}
+      style={{
+        border: "1px solid black",
+        backgroundColor: "",
+        padding: "8px",
+        textAlign: "left",
+      }}
+    >
+      {children}
+    </td>
+  ),
+  strong: ({ children, ...props }: RendererProps) => (
+    <strong {...props}>{children}</strong>
+  ),
+  code: ({ children, ...props }: RendererProps) => (
+    <code
+      {...props}
+      style={{
+        backgroundColor: "#001a09",
+        padding: "2px",
+        borderRadius: "4px",
+      }}
+    >
+      {children}
+    </code>
+  ),
+};
diff --git a/src/fidgets/community/nouns-dao/NounishGovernance.tsx b/src/fidgets/community/nouns-dao/NounishGovernance.tsx
index 5f02a08b..39b87100 100644
--- a/src/fidgets/community/nouns-dao/NounishGovernance.tsx
+++ b/src/fidgets/community/nouns-dao/NounishGovernance.tsx
@@ -1,20 +1,17 @@
 import React, { useEffect, useMemo, useState } from "react";
 import { CardContent } from "@/common/components/atoms/card";
-import TextInput from "@/common/components/molecules/TextInput";
-import {
-  FidgetArgs,
-  FidgetModule,
-  FidgetProperties,
-  type FidgetSettingsStyle,
-} from "@/common/fidgets";
+import ProposalListView from "@/fidgets/community/nouns-dao/components/ProposalListView";
+import BuilderProposalDetailView from "@/fidgets/community/nouns-dao/components/BuilderProposalDetailView";
+import NounsProposalDetailView from "@/fidgets/community/nouns-dao/components/NounsProposalDetailView";
 import useGraphqlQuery from "@/common/lib/hooks/useGraphqlQuery";
+import { FidgetArgs, FidgetModule, FidgetProperties } from "@/common/fidgets";
 import {
   NOUNSBUILD_PROPOSALS_QUERY,
   NOUNS_PROPOSALS_QUERY,
   NOUNS_PROPOSAL_DETAIL_QUERY,
 } from "@/common/lib/utils/queries";
-import ProposalDetailView from "@/fidgets/community/nouns-dao/components/ProposalDetailView";
-import ProposalListView from "@/fidgets/community/nouns-dao/components/ProposalListView";
+import TextInput from "@/common/components/molecules/TextInput";
+import { FidgetSettingsStyle } from "@/common/fidgets";
 import { defaultStyleFields } from "@/fidgets/helpers";
 
 export type NounishGovernanceSettings = {
@@ -87,9 +84,7 @@ export const NounishGovernance: React.FC<
     url: settings.subgraphUrl,
     query: NOUNS_PROPOSAL_DETAIL_QUERY,
     skip: !proposalId || isBuilderSubgraph,
-    variables: {
-      id: proposalId,
-    },
+    variables: { id: proposalId },
   });
 
   useEffect(() => {
@@ -115,29 +110,43 @@ export const NounishGovernance: React.FC<
   const handleGoBack = () => {
     setProposalId(null);
     setSelectedProposal(null);
+    setProposalVersions([]);
     setProposalLoading(false);
   };
 
+  const handleSetProposal = (proposalId: string, proposal: any) => {
+    setProposalId(proposalId);
+    setSelectedProposal(proposal);
+    setProposalVersions([]);
+  };
+
   return (
     <CardContent className="size-full overflow-scroll p-4">
-      {selectedProposal && !isBuilderSubgraph ? (
-        <ProposalDetailView
-          proposal={selectedProposal}
-          versions={proposalVersions}
-          currentBlock={currentBlock}
-          goBack={handleGoBack}
-          loading={proposalLoading}
-        />
+      {selectedProposal ? (
+        isBuilderSubgraph ? (
+          <BuilderProposalDetailView
+            proposal={selectedProposal}
+            goBack={handleGoBack}
+            currentBlock={currentBlock}
+            loading={proposalLoading}
+            versions={proposalVersions}
+          />
+        ) : (
+          <NounsProposalDetailView
+            proposal={selectedProposal}
+            versions={proposalVersions}
+            goBack={handleGoBack}
+            currentBlock={currentBlock}
+            loading={proposalLoading}
+          />
+        )
       ) : (
         <ProposalListView
           proposals={proposals}
           currentBlock={currentBlock}
-          setProposal={setProposalId}
+          setProposal={handleSetProposal}
           loading={listLoading}
           isBuilderSubgraph={isBuilderSubgraph}
-          selectedProposal={selectedProposal}
-          goBack={handleGoBack}
-          proposalLoading={proposalLoading}
         />
       )}
     </CardContent>
diff --git a/src/fidgets/community/nouns-dao/components/BuilderProposalDetailView.tsx b/src/fidgets/community/nouns-dao/components/BuilderProposalDetailView.tsx
index 93386d1a..05de1900 100644
--- a/src/fidgets/community/nouns-dao/components/BuilderProposalDetailView.tsx
+++ b/src/fidgets/community/nouns-dao/components/BuilderProposalDetailView.tsx
@@ -1,3 +1,4 @@
+import React from "react";
 import { Button } from "@/common/components/atoms/button";
 import { Progress } from "@/common/components/atoms/progress";
 import Spinner from "@/common/components/atoms/spinner";
@@ -9,7 +10,9 @@ import { RiExternalLinkLine } from "react-icons/ri";
 import { useEnsName } from "wagmi";
 import { mainnet } from "wagmi/chains";
 import { StatusBadge } from "./BuilderProposalItem";
-import React from "react";
+import { estimateBlockTime } from "./ProposalListRowItem";
+import ReactMarkdown from "react-markdown";
+
 const VoteStat = ({ label, value, total, progressColor, labelColor }) => {
   const percentage = Math.round((100.0 * value) / total);
   return (
@@ -85,21 +88,35 @@ const AddressInfo = ({ label, address }) => {
 
 export const BuilderProposalDetailView = ({
   proposal,
+  versions,
   goBack,
+  currentBlock,
   loading,
 }: {
   proposal: ProposalData;
+  versions: any[];
   goBack: () => void;
+  currentBlock: any;
   loading: boolean;
 }) => {
   const proposer = proposal?.proposer?.id;
+  const sponsor = proposal?.signers?.length
+    ? proposal.signers[0].id
+    : undefined;
+  const version = versions?.length;
 
   const { data: proposerEnsName } = useEnsName({
     address: proposer,
     chainId: mainnet.id,
   });
 
+  const { data: sponsorEnsName } = useEnsName({
+    address: sponsor,
+    chainId: mainnet.id,
+  });
+
   const proposerEnsOrAddress = proposerEnsName ?? proposer;
+  const sponsorEnsOrAddress = sponsorEnsName ?? sponsor;
 
   if (loading) {
     return (
@@ -121,12 +138,22 @@ export const BuilderProposalDetailView = ({
   };
 
   const totalVotes = votes.for + votes.against + votes.abstain;
-  const formattedEndDate = proposal.expiresAt
-    ? moment.unix(Number(proposal.expiresAt)).format("MMM D, YYYY")
-    : "N/A";
-  const formattedEndTime = proposal.expiresAt
-    ? moment.unix(Number(proposal.expiresAt)).format("h:mm A")
+
+  const lastUpdated = versions?.[0]?.createdAt
+    ? moment(Number(versions[0].createdAt) * 1000).fromNow()
     : "N/A";
+  const lastUpdatedText =
+    version === 1 ? `Created ${lastUpdated}` : `Updated ${lastUpdated}`;
+
+  const endDate = currentBlock
+    ? estimateBlockTime(
+        Number(proposal.endBlock),
+        currentBlock.number,
+        currentBlock.timestamp,
+      )
+    : new Date();
+  const formattedEndDate = moment(endDate).format("MMM D, YYYY");
+  const formattedEndTime = moment(endDate).format("h:mm A");
 
   return (
     <div className="flex flex-col size-full">
@@ -154,7 +181,10 @@ export const BuilderProposalDetailView = ({
         </a>
       </div>
       <div className="flex-auto overflow-hidden">
-        <div className="flex flex-col gap-4 h-full overflow-auto">
+        <div
+          className="flex flex-col gap-4 h-full overflow-auto"
+          style={{ scrollbarWidth: "none" }}
+        >
           <div className="flex flex-col gap-3">
             <div className="flex flex-col gap-2">
               <div className="flex items-center">
@@ -163,19 +193,36 @@ export const BuilderProposalDetailView = ({
                 </span>
                 <StatusBadge
                   status={proposal.status}
-                  className="px-[8px] rounded-[6px] text-[10px]/[1.25] font-medium"
+                  className="px-[8px] rounded-[6px]  text-[10px]/[1.25] font-medium"
                 />
               </div>
               <p className="font-medium text-base/[1.25]">{proposal.title}</p>
-              {proposer && (
+              {(proposer || sponsor) && (
                 <div className="flex gap-4">
                   <AddressInfo
                     label="Proposed by"
                     address={proposerEnsOrAddress}
                   />
+                  <AddressInfo
+                    label="Sponsored by"
+                    address={sponsorEnsOrAddress}
+                  />
                 </div>
               )}
             </div>
+            <div className="flex gap-2 items-center">
+              <StatusBadge
+                className={mergeClasses(
+                  "px-[8px] rounded-[6px] bg-gray-100",
+                  "hover:bg-gray-100 text-[10px]/[1.25] font-semibold",
+                )}
+              >
+                Version {version}
+              </StatusBadge>
+              <span className="text-[10px]/[1.25] text-gray-500">
+                {lastUpdatedText}
+              </span>
+            </div>
           </div>
           <div className="flex flex-col gap-2">
             <div className="flex gap-2">
@@ -218,6 +265,9 @@ export const BuilderProposalDetailView = ({
                 value={proposal.voteSnapshotBlock}
               />
             </div>
+            <ReactMarkdown className="prose">
+              {proposal.description}
+            </ReactMarkdown>
           </div>
         </div>
       </div>
diff --git a/src/fidgets/community/nouns-dao/components/BuilderProposalItem.tsx b/src/fidgets/community/nouns-dao/components/BuilderProposalItem.tsx
index aedaba46..cbf378e7 100644
--- a/src/fidgets/community/nouns-dao/components/BuilderProposalItem.tsx
+++ b/src/fidgets/community/nouns-dao/components/BuilderProposalItem.tsx
@@ -1,9 +1,8 @@
+import React from "react";
 import { Badge } from "@/common/components/atoms/badge";
 import { mergeClasses } from "@/common/lib/utils/mergeClasses";
 import moment from "moment";
-import React from "react";
 import { MdAccessTimeFilled } from "react-icons/md";
-
 const baseBadgeClassNames =
   "rounded-lg shadow-none font-semibold text-[11px] gap-1";
 
@@ -54,10 +53,10 @@ const BuilderProposalItem = ({
   setProposal,
 }: {
   proposal: any;
-  setProposal: (proposalId: string) => void;
+  setProposal: (proposalId: string, proposal: any) => void;
 }) => {
   const handleProposalClick = () => {
-    setProposal(proposal.proposalId);
+    setProposal(proposal.proposalId, proposal);
   };
   return (
     <div
diff --git a/src/fidgets/community/nouns-dao/components/ProposalDetailView.tsx b/src/fidgets/community/nouns-dao/components/NounsProposalDetailView.tsx
similarity index 91%
rename from src/fidgets/community/nouns-dao/components/ProposalDetailView.tsx
rename to src/fidgets/community/nouns-dao/components/NounsProposalDetailView.tsx
index b7ee547e..8f14a0b7 100644
--- a/src/fidgets/community/nouns-dao/components/ProposalDetailView.tsx
+++ b/src/fidgets/community/nouns-dao/components/NounsProposalDetailView.tsx
@@ -11,6 +11,8 @@ import { useEnsName } from "wagmi";
 import { mainnet } from "wagmi/chains";
 import { StatusBadge } from "./BuilderProposalItem";
 import { estimateBlockTime } from "./ProposalListRowItem";
+import ReactMarkdown from "react-markdown";
+
 const VoteStat = ({ label, value, total, progressColor, labelColor }) => {
   const percentage = Math.round((100.0 * value) / total);
   return (
@@ -84,7 +86,7 @@ const AddressInfo = ({ label, address }) => {
   );
 };
 
-export const ProposalDetailView = ({
+export const NounsProposalDetailView = ({
   proposal,
   versions,
   goBack,
@@ -136,14 +138,20 @@ export const ProposalDetailView = ({
   };
 
   const totalVotes = votes.for + votes.against + votes.abstain;
-  const lastUpdated = moment(Number(versions[0].createdAt) * 1000).fromNow();
+
+  const lastUpdated = versions?.[0]?.createdAt
+    ? moment(Number(versions[0].createdAt) * 1000).fromNow()
+    : "N/A";
   const lastUpdatedText =
-    version == 1 ? `Created ${lastUpdated}` : `Updated ${lastUpdated}`;
-  const endDate = estimateBlockTime(
-    Number(proposal.endBlock),
-    currentBlock.number,
-    currentBlock.timestamp,
-  );
+    version === 1 ? `Created ${lastUpdated}` : `Updated ${lastUpdated}`;
+
+  const endDate = currentBlock
+    ? estimateBlockTime(
+        Number(proposal.endBlock),
+        currentBlock.number,
+        currentBlock.timestamp,
+      )
+    : new Date();
   const formattedEndDate = moment(endDate).format("MMM D, YYYY");
   const formattedEndTime = moment(endDate).format("h:mm A");
 
@@ -173,7 +181,10 @@ export const ProposalDetailView = ({
         </a>
       </div>
       <div className="flex-auto overflow-hidden">
-        <div className="flex flex-col gap-4 h-full overflow-auto">
+        <div
+          className="flex flex-col gap-4 h-full overflow-auto"
+          style={{ scrollbarWidth: "none" }}
+        >
           <div className="flex flex-col gap-3">
             <div className="flex flex-col gap-2">
               <div className="flex items-center">
@@ -254,6 +265,9 @@ export const ProposalDetailView = ({
                 value={proposal.voteSnapshotBlock}
               />
             </div>
+            <ReactMarkdown className="prose">
+              {proposal.description}
+            </ReactMarkdown>
           </div>
         </div>
       </div>
@@ -261,4 +275,4 @@ export const ProposalDetailView = ({
   );
 };
 
-export default ProposalDetailView;
+export default NounsProposalDetailView;
diff --git a/src/fidgets/community/nouns-dao/components/ProposalListRowItem.tsx b/src/fidgets/community/nouns-dao/components/ProposalListRowItem.tsx
index 36609b6d..5f098069 100644
--- a/src/fidgets/community/nouns-dao/components/ProposalListRowItem.tsx
+++ b/src/fidgets/community/nouns-dao/components/ProposalListRowItem.tsx
@@ -1,7 +1,7 @@
+import React from "react";
 import { Badge } from "@/common/components/atoms/badge";
 import { mergeClasses } from "@/common/lib/utils/mergeClasses";
 import moment from "moment";
-import React from "react";
 import { MdAccessTimeFilled } from "react-icons/md";
 
 const baseBadgeClassNames =
@@ -67,7 +67,7 @@ const ProposalListRowItem = ({
   currentBlock,
 }: {
   proposal: any;
-  setProposal: (proposalId: string) => void;
+  setProposal: (proposalId: string, proposal: any) => void; // Update the type here
   currentBlock: any;
 }) => {
   const getDateBadgeText = () => {
@@ -98,7 +98,7 @@ const ProposalListRowItem = ({
 
   return (
     <div
-      onClick={() => setProposal(proposal.id)}
+      onClick={() => setProposal(proposal.id, proposal)} // Pass both proposalId and proposal
       className={mergeClasses(
         "flex overflow-hidden border border-gray-200 bg-gray-50 rounded-[8px]",
         "p-3 py-2.5 gap-3 cursor-pointer hover:bg-white items-center",
diff --git a/src/fidgets/community/nouns-dao/components/ProposalListView.tsx b/src/fidgets/community/nouns-dao/components/ProposalListView.tsx
index 07307995..1d240bb6 100644
--- a/src/fidgets/community/nouns-dao/components/ProposalListView.tsx
+++ b/src/fidgets/community/nouns-dao/components/ProposalListView.tsx
@@ -1,54 +1,29 @@
+import React from "react";
 import {
   CardDescription,
   CardHeader,
   CardTitle,
 } from "@/common/components/atoms/card";
-import BuilderProposalDetailView from "./BuilderProposalDetailView";
-import ProposalDetailView from "./ProposalDetailView";
 import BuilderProposalItem from "./BuilderProposalItem";
 import ProposalListRowItem from "./ProposalListRowItem";
-import React from "react";
-export const ProposalListView = ({
+
+const ProposalListView = ({
   proposals,
   setProposal,
   currentBlock,
   loading,
   isBuilderSubgraph,
-  selectedProposal,
-  goBack,
-  proposalLoading,
 }: {
   proposals: any[];
-  setProposal: (proposalId: string) => void;
+  setProposal: (proposalId: string, proposal: any) => void; // Update the type here
   currentBlock: any;
   loading: boolean;
   isBuilderSubgraph: boolean;
-  selectedProposal: any;
-  goBack: () => void;
-  proposalLoading: boolean;
 }) => {
   if (loading) {
     return <div>Fetching data...</div>;
   }
 
-  if (selectedProposal) {
-    return isBuilderSubgraph ? (
-      <BuilderProposalDetailView
-        proposal={selectedProposal}
-        goBack={goBack}
-        loading={proposalLoading}
-      />
-    ) : (
-      <ProposalDetailView
-        proposal={selectedProposal}
-        versions={[]}
-        goBack={goBack}
-        currentBlock={currentBlock}
-        loading={proposalLoading}
-      />
-    );
-  }
-
   return (
     <>
       <CardHeader className="px-0 pt-2 pb-4">
diff --git a/src/fidgets/index.ts b/src/fidgets/index.ts
index 876c4a29..6691fb60 100644
--- a/src/fidgets/index.ts
+++ b/src/fidgets/index.ts
@@ -10,6 +10,7 @@ import NounishGovernance from "./community/nouns-dao/NounishGovernance";
 import Cast from "./farcaster/Cast";
 import Feed from "./farcaster/Feed";
 import CreateCast from "./farcaster/CreateCast";
+import zoraEmbed from "./zora/zoraEmbed";
 
 export const CompleteFidgets = {
   //
@@ -28,6 +29,7 @@ export const CompleteFidgets = {
   iframe: IFrame,
   // Nouns
   governance: NounishGovernance,
+  zora: zoraEmbed,
 };
 
 export const LayoutFidgets = {
diff --git a/src/fidgets/ui/Text.tsx b/src/fidgets/ui/Text.tsx
index b0e54277..71b41ddf 100644
--- a/src/fidgets/ui/Text.tsx
+++ b/src/fidgets/ui/Text.tsx
@@ -3,19 +3,22 @@ import TextInput from "@/common/components/molecules/TextInput";
 import CSSInput from "@/common/components/molecules/CSSInput";
 import ColorSelector from "@/common/components/molecules/ColorSelector";
 import FontSelector from "@/common/components/molecules/FontSelector";
-import {
-  FidgetArgs,
-  FidgetProperties,
-  FidgetModule,
-  type FidgetSettingsStyle,
-} from "@/common/fidgets";
+import BorderSelector from "@/common/components/molecules/BorderSelector";
+import ShadowSelector from "@/common/components/molecules/ShadowSelector";
+import { FidgetArgs, FidgetProperties, FidgetModule } from "@/common/fidgets";
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import remarkGfm from "remark-gfm";
+import { defaultStyleFields } from "../helpers";
+import { FidgetSettingsStyle } from "@/common/fidgets";
 import {
   CardHeader,
   CardContent,
   CardTitle,
   CardDescription,
 } from "@/common/components/atoms/card";
-import { defaultStyleFields } from "@/fidgets/helpers";
+import { FontFamily, Color } from "@/common/lib/theme";
+import { MarkdownRenderers } from "@/common/lib/utils/markdownRenderers";
 
 export type TextFidgetSettings = {
   title?: string;
@@ -37,7 +40,7 @@ export const textConfig: FidgetProperties = {
       fieldName: "text",
       default: "Jot down your ideas and grow them.",
       required: true,
-      inputSelector: TextInput,
+      inputSelector: CSSInput,
       group: "settings",
     },
     {
@@ -89,7 +92,18 @@ export const Text: React.FC<FidgetArgs<TextFidgetSettings>> = ({
   settings,
 }) => {
   return (
-    <div className="h-full">
+    <div
+      style={{
+        background: settings.background,
+        height: "100%",
+        borderWidth: settings.fidgetBorderWidth,
+        borderColor: settings.fidgetBorderColor,
+        // Not visible because of the outer div having overflow: hidden
+        boxShadow: settings.fidgetShadow,
+        overflow: "auto",
+        scrollbarWidth: "none",
+      }}
+    >
       {settings?.title && (
         <CardHeader className="p-4 pb-2">
           <CardTitle
@@ -112,7 +126,13 @@ export const Text: React.FC<FidgetArgs<TextFidgetSettings>> = ({
               color: settings.fontColor,
             }}
           >
-            {settings.text}
+            <ReactMarkdown
+              rehypePlugins={[rehypeRaw]}
+              remarkPlugins={[remarkGfm]}
+              components={MarkdownRenderers}
+            >
+              {settings.text}
+            </ReactMarkdown>
           </CardDescription>
         </CardContent>
       )}
diff --git a/src/fidgets/zora/zoraEmbed.tsx b/src/fidgets/zora/zoraEmbed.tsx
new file mode 100644
index 00000000..165419b2
--- /dev/null
+++ b/src/fidgets/zora/zoraEmbed.tsx
@@ -0,0 +1,100 @@
+import React, { useEffect, useState, useRef } from "react";
+import TextInput from "@/common/components/molecules/TextInput";
+import { FidgetArgs, FidgetProperties, FidgetModule } from "@/common/fidgets";
+import { FontFamily, Color } from "@/common/lib/theme";
+
+export type ZoraFidgetSettings = {
+  text: string;
+  fontFamily: FontFamily;
+  fontColor: Color;
+  headingsFontFamily: FontFamily;
+  headingsFontColor: Color;
+  background: Color;
+  fidgetBorderWidth: string;
+  fidgetBorderColor: Color;
+  fidgetShadow: string;
+  fidgetWidth: string;
+  fidgetHeight: string;
+};
+
+export const ZoraProperties: FidgetProperties = {
+  fidgetName: "zora",
+  icon: 0x1f535,
+  fields: [
+    {
+      fieldName: "text",
+      default:
+        "https://zora.co/collect/zora:0x460779723619a8e25632bce2e74b6b9ce4915c7b/4",
+      required: true,
+      inputSelector: TextInput,
+      group: "settings",
+    },
+  ],
+  size: {
+    minHeight: 1,
+    maxHeight: 36,
+    minWidth: 1,
+    maxWidth: 36,
+  },
+};
+
+export const Zora: React.FC<FidgetArgs<ZoraFidgetSettings>> = ({
+  settings: {
+    text,
+    background,
+    fidgetBorderWidth,
+    fidgetBorderColor,
+    fidgetShadow,
+    fidgetWidth,
+    fidgetHeight,
+  },
+}) => {
+  const [zoraSource, setZoraSource] = useState<string>("");
+  const iframeRef = useRef<HTMLIFrameElement>(null);
+
+  const transformTextIntoIframeString = (text: string): string => {
+    //todo: replace referral to nounspace wallet
+    return text + "/embed?referrer=0x41CB654D1F47913ACAB158a8199191D160DAbe4A";
+  };
+
+  useEffect(() => {
+    const transformedEmbed = transformTextIntoIframeString(text);
+    setZoraSource(transformedEmbed);
+  }, [text]);
+
+  return (
+    <div
+      style={{
+        background,
+        height: "100%",
+        borderWidth: fidgetBorderWidth,
+        borderColor: fidgetBorderColor,
+        boxShadow: fidgetShadow,
+        overflow: "hidden",
+        width: "100%",
+        position: "relative",
+      }}
+    >
+      {zoraSource && (
+        <iframe
+          ref={iframeRef}
+          src={zoraSource}
+          width="100%"
+          height="100%"
+          frameBorder="0"
+          style={{
+            display: "block",
+            width: "100%",
+            height: "100%",
+            border: "none",
+          }}
+        ></iframe>
+      )}
+    </div>
+  );
+};
+
+export default {
+  fidget: Zora,
+  properties: ZoraProperties,
+} as FidgetModule<FidgetArgs<ZoraFidgetSettings>>;
diff --git a/yarn.lock b/yarn.lock
index f961b743..796de9ea 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -116,7 +116,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.24.7"
 
-"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.18.3", "@babel/runtime@^7.19.4", "@babel/runtime@^7.20.6", "@babel/runtime@^7.21.0", "@babel/runtime@^7.24.1", "@babel/runtime@^7.5.5":
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.14.6", "@babel/runtime@^7.17.2", "@babel/runtime@^7.18.3", "@babel/runtime@^7.19.4", "@babel/runtime@^7.20.6", "@babel/runtime@^7.21.0", "@babel/runtime@^7.24.1", "@babel/runtime@^7.5.5":
   version "7.24.7"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.7.tgz#f4f0d5530e8dbdf59b3451b9b3e594b6ba082e12"
   integrity sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==
@@ -5262,7 +5262,14 @@
     "@types/estree" "*"
     "@types/json-schema" "*"
 
-"@types/estree@*":
+"@types/estree-jsx@^1.0.0":
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz#858a88ea20f34fe65111f005a689fa1ebf70dc18"
+  integrity sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==
+  dependencies:
+    "@types/estree" "*"
+
+"@types/estree@*", "@types/estree@^1.0.0":
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
   integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
@@ -5287,6 +5294,13 @@
     "@types/qs" "*"
     "@types/serve-static" "*"
 
+"@types/hast@^2.0.0":
+  version "2.3.10"
+  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.10.tgz#5c9d9e0b304bbb8879b857225c5ebab2d81d7643"
+  integrity sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==
+  dependencies:
+    "@types/unist" "^2"
+
 "@types/hast@^3.0.0":
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
@@ -5360,6 +5374,11 @@
   resolved "https://registry.yarnpkg.com/@types/phoenix/-/phoenix-1.6.5.tgz#5654e14ec7ad25334a157a20015996b6d7d2075e"
   integrity sha512-xegpDuR+z0UqG9fwHqNoy3rI7JDlvaPh2TY47Fl80oq6g+hXT+c/LEuE43X48clZ6lOfANl5WrPur9fYO1RJ/w==
 
+"@types/prismjs@^1.0.0":
+  version "1.26.4"
+  resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.26.4.tgz#1a9e1074619ce1d7322669e5b46fbe823925103a"
+  integrity sha512-rlAnzkW2sZOjbqZ743IHUhFcvzaGbqijwOu8QZnZCjfQzBqFE3s4lOTJEsxikImav9uzz/42I+O7YUs1mWgMlg==
+
 "@types/prop-types@*":
   version "15.7.12"
   resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6"
@@ -5436,6 +5455,11 @@
   resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.2.tgz#6dd61e43ef60b34086287f83683a5c1b2dc53d20"
   integrity sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ==
 
+"@types/unist@^2", "@types/unist@^2.0.0":
+  version "2.0.10"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.10.tgz#04ffa7f406ab628f7f7e97ca23e290cd8ab15efc"
+  integrity sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==
+
 "@types/ws@^8.5.10":
   version "8.5.10"
   resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.10.tgz#4acfb517970853fa6574a3a6886791d04a396787"
@@ -5585,6 +5609,40 @@
     "@typescript-eslint/types" "7.15.0"
     eslint-visitor-keys "^3.4.3"
 
+"@uiw/copy-to-clipboard@~1.0.12":
+  version "1.0.17"
+  resolved "https://registry.yarnpkg.com/@uiw/copy-to-clipboard/-/copy-to-clipboard-1.0.17.tgz#86f501ddc8a6db0b45e6899bcd9d48e0b78f233e"
+  integrity sha512-O2GUHV90Iw2VrSLVLK0OmNIMdZ5fgEg4NhvtwINsX+eZ/Wf6DWD0TdsK9xwV7dNRnK/UI2mQtl0a2/kRgm1m1A==
+
+"@uiw/react-markdown-preview@^5.0.6":
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/@uiw/react-markdown-preview/-/react-markdown-preview-5.1.2.tgz#9de14c85536dbf3858a895195ea13031d37da2d9"
+  integrity sha512-IheBzajVKZ3NUhYAfrnnereJmKVNQ6vRZDjQhKEQy7IMarJXrUKC1eG8OzTgy1J/3m67MBTs6d52kkSB699efA==
+  dependencies:
+    "@babel/runtime" "^7.17.2"
+    "@uiw/copy-to-clipboard" "~1.0.12"
+    react-markdown "~9.0.1"
+    rehype-attr "~3.0.1"
+    rehype-autolink-headings "~7.1.0"
+    rehype-ignore "^2.0.0"
+    rehype-prism-plus "2.0.0"
+    rehype-raw "^7.0.0"
+    rehype-rewrite "~4.0.0"
+    rehype-slug "~6.0.0"
+    remark-gfm "~4.0.0"
+    remark-github-blockquote-alert "^1.0.0"
+    unist-util-visit "^5.0.0"
+
+"@uiw/react-md-editor@^4.0.4":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@uiw/react-md-editor/-/react-md-editor-4.0.4.tgz#142c42eb722035d60c1b71209e1d89b34d9fc4d4"
+  integrity sha512-JH9nDXXRhJtWPP4yE61VE+9ryFo9tg9v7KMwGfJCnaOOKuLF1MR3l/MNsiJCGkRjUwyto5WrU7kBSq8ODJEtYw==
+  dependencies:
+    "@babel/runtime" "^7.14.6"
+    "@uiw/react-markdown-preview" "^5.0.6"
+    rehype "~13.0.0"
+    rehype-prism-plus "~2.0.0"
+
 "@ungap/structured-clone@^1.0.0", "@ungap/structured-clone@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406"
@@ -6507,6 +6565,11 @@ base64-js@^1.3.0, base64-js@^1.3.1, base64-js@^1.5.1:
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
 
+bcp-47-match@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/bcp-47-match/-/bcp-47-match-2.0.3.tgz#603226f6e5d3914a581408be33b28a53144b09d0"
+  integrity sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==
+
 bech32@1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/bech32/-/bech32-1.1.4.tgz#e38c9f37bf179b8eb16ae3a772b40c356d4832e9"
@@ -6748,6 +6811,11 @@ character-entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-2.0.2.tgz#2d09c2e72cd9523076ccb21157dff66ad43fcc22"
   integrity sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==
 
+character-reference-invalid@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9"
+  integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==
+
 chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
@@ -7184,6 +7252,11 @@ css-select@^5.1.0:
     domutils "^3.0.1"
     nth-check "^2.0.1"
 
+css-selector-parser@^3.0.0:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/css-selector-parser/-/css-selector-parser-3.0.5.tgz#9b636ebccf7c4bcce5c1ac21ae27de9f01180ae9"
+  integrity sha512-3itoDFbKUNx1eKmVpYMFyqKX04Ww9osZ+dLgrk6GEv6KMVeXUhUnp4I5X+evw+u3ZxVU6RFXSSRxlTeMh8bA+g==
+
 css-to-react-native@3.2.0, css-to-react-native@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32"
@@ -7510,7 +7583,7 @@ detective@^5.2.0:
     defined "^1.0.0"
     minimist "^1.2.6"
 
-devlop@^1.0.0:
+devlop@^1.0.0, devlop@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018"
   integrity sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==
@@ -7534,6 +7607,11 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+direction@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/direction/-/direction-2.0.1.tgz#71800dd3c4fa102406502905d3866e65bdebb985"
+  integrity sha512-9S6m9Sukh1cZNknO1CWAr2QAWsbKLafQiyM5gZ7VgXHeuaoUwffKN4q6NC4A/Mf9iiPlOXQEKW/Mv/mh9/3YFA==
+
 dlv@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
@@ -7949,6 +8027,11 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
+escape-string-regexp@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8"
+  integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==
+
 escodegen@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
@@ -8108,6 +8191,11 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
+estree-util-is-identifier-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz#0b5ef4c4ff13508b34dcd01ecfa945f61fce5dbd"
+  integrity sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -8668,6 +8756,11 @@ get-symbol-description@^1.0.2:
     es-errors "^1.3.0"
     get-intrinsic "^1.2.4"
 
+github-slugger@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-2.0.0.tgz#52cf2f9279a21eb6c59dd385b410f0c0adda8f1a"
+  integrity sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==
+
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
@@ -8905,6 +8998,18 @@ hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
+hast-util-from-html@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/hast-util-from-html/-/hast-util-from-html-2.0.1.tgz#9cd38ee81bf40b2607368b92a04b0905fa987488"
+  integrity sha512-RXQBLMl9kjKVNkJTIO6bZyb2n+cUH8LFaSSzo82jiLT6Tfc+Pt7VQCS+/h3YwG4jaNE2TA2sdJisGWR+aJrp0g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    devlop "^1.1.0"
+    hast-util-from-parse5 "^8.0.0"
+    parse5 "^7.0.0"
+    vfile "^6.0.0"
+    vfile-message "^4.0.0"
+
 hast-util-from-parse5@^8.0.0:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz#654a5676a41211e14ee80d1b1758c399a0327651"
@@ -8919,6 +9024,34 @@ hast-util-from-parse5@^8.0.0:
     vfile-location "^5.0.0"
     web-namespaces "^2.0.0"
 
+hast-util-has-property@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-has-property/-/hast-util-has-property-3.0.0.tgz#4e595e3cddb8ce530ea92f6fc4111a818d8e7f93"
+  integrity sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-heading-rank@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-heading-rank/-/hast-util-heading-rank-3.0.0.tgz#2d5c6f2807a7af5c45f74e623498dd6054d2aba8"
+  integrity sha512-EJKb8oMUXVHcWZTDepnr+WNbfnXKFNf9duMesmr4S8SXTJBJ9M4Yok08pu9vxdJwdlGRhVumk9mEhkEvKGifwA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-is-element@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz#6e31a6532c217e5b533848c7e52c9d9369ca0932"
+  integrity sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
+hast-util-parse-selector@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-3.1.1.tgz#25ab00ae9e75cbc62cf7a901f68a247eade659e2"
+  integrity sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==
+  dependencies:
+    "@types/hast" "^2.0.0"
+
 hast-util-parse-selector@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz#352879fa86e25616036037dd8931fb5f34cb4a27"
@@ -8954,6 +9087,28 @@ hast-util-sanitize@^5.0.0:
     "@ungap/structured-clone" "^1.2.0"
     unist-util-position "^5.0.0"
 
+hast-util-select@^6.0.0:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/hast-util-select/-/hast-util-select-6.0.2.tgz#f1e6c583ab6227cb510383471328734342bd1d1c"
+  integrity sha512-hT/SD/d/Meu+iobvgkffo1QecV8WeKWxwsNMzcTJsKw1cKTQKSR/7ArJeURLNJF9HDjp9nVoORyNNJxrvBye8Q==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    bcp-47-match "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    css-selector-parser "^3.0.0"
+    devlop "^1.0.0"
+    direction "^2.0.0"
+    hast-util-has-property "^3.0.0"
+    hast-util-to-string "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    not "^0.1.0"
+    nth-check "^2.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    unist-util-visit "^5.0.0"
+    zwitch "^2.0.0"
+
 hast-util-to-html@^9.0.0:
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/hast-util-to-html/-/hast-util-to-html-9.0.1.tgz#d108aba473c0ced8377267b1a725b25e818ff3c8"
@@ -8972,6 +9127,27 @@ hast-util-to-html@^9.0.0:
     stringify-entities "^4.0.0"
     zwitch "^2.0.4"
 
+hast-util-to-jsx-runtime@^2.0.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz#3ed27caf8dc175080117706bf7269404a0aa4f7c"
+  integrity sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    comma-separated-tokens "^2.0.0"
+    devlop "^1.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-mdx-expression "^2.0.0"
+    mdast-util-mdx-jsx "^3.0.0"
+    mdast-util-mdxjs-esm "^2.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+    style-to-object "^1.0.0"
+    unist-util-position "^5.0.0"
+    vfile-message "^4.0.0"
+
 hast-util-to-parse5@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz#477cd42d278d4f036bc2ea58586130f6f39ee6ed"
@@ -8985,6 +9161,13 @@ hast-util-to-parse5@^8.0.0:
     web-namespaces "^2.0.0"
     zwitch "^2.0.0"
 
+hast-util-to-string@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-to-string/-/hast-util-to-string-3.0.0.tgz#2a131948b4b1b26461a2c8ac876e2c88d02946bd"
+  integrity sha512-OGkAxX1Ua3cbcW6EJ5pT/tslVb90uViVkcJ4ZZIMW/R33DX/AkcJcRrPebPwJkHYwlDHXz4aIwvAAaAdtrACFA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
 hast-util-whitespace@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621"
@@ -8992,6 +9175,17 @@ hast-util-whitespace@^3.0.0:
   dependencies:
     "@types/hast" "^3.0.0"
 
+hastscript@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-7.2.0.tgz#0eafb7afb153d047077fa2a833dc9b7ec604d10b"
+  integrity sha512-TtYPq24IldU8iKoJQqvZOuhi5CyCQRAbvDOX0x1eW6rsHSxa/1i2CCiptNTotGHJ3VoHRGmqiv6/D3q113ikkw==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    comma-separated-tokens "^2.0.0"
+    hast-util-parse-selector "^3.0.0"
+    property-information "^6.0.0"
+    space-separated-tokens "^2.0.0"
+
 hastscript@^8.0.0:
   version "8.0.0"
   resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-8.0.0.tgz#4ef795ec8dee867101b9f23cc830d4baf4fd781a"
@@ -9071,6 +9265,11 @@ html-tags@^3.1.0:
   resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce"
   integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==
 
+html-url-attributes@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-url-attributes/-/html-url-attributes-3.0.0.tgz#fc4abf0c3fb437e2329c678b80abb3c62cff6f08"
+  integrity sha512-/sXbVCWayk6GDVg3ctOX6nxaVj7So40FcFAnWlWGNAB1LpYKcV5Cd10APjPjW80O7zYW2MsjBV4zZ7IZO5fVow==
+
 html-void-elements@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-3.0.0.tgz#fc9dbd84af9e747249034d4d62602def6517f1d7"
@@ -9214,6 +9413,11 @@ ini@~1.3.0:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
+inline-style-parser@0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.2.3.tgz#e35c5fb45f3a83ed7849fe487336eb7efa25971c"
+  integrity sha512-qlD8YNDqyTKTyuITrDOffsl6Tdhv+UC4hcdAVuQsK4IMQ99nSgd1MIA/Q+jQYoh9r3hVUXhYh7urSRmXPkW04g==
+
 inquirer@8.2.6:
   version "8.2.6"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-8.2.6.tgz#733b74888195d8d400a67ac332011b5fae5ea562"
@@ -9266,6 +9470,19 @@ iron-webcrypto@^1.1.1:
   resolved "https://registry.yarnpkg.com/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz#aa60ff2aa10550630f4c0b11fd2442becdb35a6f"
   integrity sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==
 
+is-alphabetical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz#01072053ea7c1036df3c7d19a6daaec7f19e789b"
+  integrity sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==
+
+is-alphanumerical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz#7c03fbe96e3e931113e57f964b0a368cc2dfd875"
+  integrity sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==
+  dependencies:
+    is-alphabetical "^2.0.0"
+    is-decimal "^2.0.0"
+
 is-arguments@^1.0.4:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
@@ -9364,6 +9581,11 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-decimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7"
+  integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
+
 is-docker@^2.0.0, is-docker@^2.1.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
@@ -9432,6 +9654,11 @@ is-hex-prefixed@1.0.0:
   resolved "https://registry.yarnpkg.com/is-hex-prefixed/-/is-hex-prefixed-1.0.0.tgz#7d8d37e6ad77e5d127148913c573e082d777f554"
   integrity sha512-WvtOiug1VFrE9v1Cydwm+FnXd3+w9GaeVUss5W4v/SLy3UW00vP+6iNF2SdnfiBoLy4bTqVdkftNGTUeOFVsbA==
 
+is-hexadecimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027"
+  integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==
+
 is-inside-container@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-inside-container/-/is-inside-container-1.0.0.tgz#e81fba699662eb31dbdaf26766a61d4814717ea4"
@@ -10219,6 +10446,11 @@ markdown-it@^14.0.0:
     punycode.js "^2.3.1"
     uc.micro "^2.1.0"
 
+markdown-table@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-3.0.3.tgz#e6331d30e493127e031dd385488b5bd326e4a6bd"
+  integrity sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==
+
 md5@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/md5/-/md5-2.3.0.tgz#c3da9a6aae3a30b46b7b0c349b87b110dc3bda4f"
@@ -10228,6 +10460,16 @@ md5@^2.3.0:
     crypt "0.0.2"
     is-buffer "~1.1.6"
 
+mdast-util-find-and-replace@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz#a6fc7b62f0994e973490e45262e4bc07607b04e0"
+  integrity sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    escape-string-regexp "^5.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
+
 mdast-util-from-markdown@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.1.tgz#32a6e8f512b416e1f51eb817fc64bd867ebcd9cc"
@@ -10246,6 +10488,114 @@ mdast-util-from-markdown@^2.0.0:
     micromark-util-types "^2.0.0"
     unist-util-stringify-position "^4.0.0"
 
+mdast-util-gfm-autolink-literal@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.0.tgz#5baf35407421310a08e68c15e5d8821e8898ba2a"
+  integrity sha512-FyzMsduZZHSc3i0Px3PQcBT4WJY/X/RCtEJKuybiC6sjPqLv7h1yqAkmILZtuxMSsUyaLUWNp71+vQH2zqp5cg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    ccount "^2.0.0"
+    devlop "^1.0.0"
+    mdast-util-find-and-replace "^3.0.0"
+    micromark-util-character "^2.0.0"
+
+mdast-util-gfm-footnote@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.0.0.tgz#25a1753c7d16db8bfd53cd84fe50562bd1e6d6a9"
+  integrity sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+
+mdast-util-gfm-strikethrough@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz#d44ef9e8ed283ac8c1165ab0d0dfd058c2764c16"
+  integrity sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm-table@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz#7a435fb6223a72b0862b33afbd712b6dae878d38"
+  integrity sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    markdown-table "^3.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm-task-list-item@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz#e68095d2f8a4303ef24094ab642e1047b991a936"
+  integrity sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-gfm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-gfm/-/mdast-util-gfm-3.0.0.tgz#3f2aecc879785c3cb6a81ff3a243dc11eca61095"
+  integrity sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw==
+  dependencies:
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-gfm-autolink-literal "^2.0.0"
+    mdast-util-gfm-footnote "^2.0.0"
+    mdast-util-gfm-strikethrough "^2.0.0"
+    mdast-util-gfm-table "^2.0.0"
+    mdast-util-gfm-task-list-item "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-mdx-expression@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.0.tgz#4968b73724d320a379110d853e943a501bfd9d87"
+  integrity sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
+mdast-util-mdx-jsx@^3.0.0:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.2.tgz#daae777c72f9c4a106592e3025aa50fb26068e1b"
+  integrity sha512-eKMQDeywY2wlHc97k5eD8VC+9ASMjN8ItEZQNGwJ6E0XWKiW/Z0V5/H8pvoXUf+y+Mj0VIgeRRbujBmFn4FTyA==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    ccount "^2.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    parse-entities "^4.0.0"
+    stringify-entities "^4.0.0"
+    unist-util-remove-position "^5.0.0"
+    unist-util-stringify-position "^4.0.0"
+    vfile-message "^4.0.0"
+
+mdast-util-mdxjs-esm@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz#019cfbe757ad62dd557db35a695e7314bcc9fa97"
+  integrity sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+
 mdast-util-phrasing@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3"
@@ -10344,6 +10694,85 @@ micromark-core-commonmark@^2.0.0:
     micromark-util-symbol "^2.0.0"
     micromark-util-types "^2.0.0"
 
+micromark-extension-gfm-autolink-literal@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.0.0.tgz#f1e50b42e67d441528f39a67133eddde2bbabfd9"
+  integrity sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-footnote@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.0.0.tgz#91afad310065a94b636ab1e9dab2c60d1aab953c"
+  integrity sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-strikethrough@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.0.0.tgz#6917db8e320da70e39ffbf97abdbff83e6783e61"
+  integrity sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-table@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.0.0.tgz#2cf3fe352d9e089b7ef5fff003bdfe0da29649b7"
+  integrity sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-tagfilter@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz#f26d8a7807b5985fba13cf61465b58ca5ff7dc57"
+  integrity sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==
+  dependencies:
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm-task-list-item@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.0.1.tgz#ee8b208f1ced1eb9fb11c19a23666e59d86d4838"
+  integrity sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-extension-gfm@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz#3e13376ab95dd7a5cfd0e29560dfe999657b3c5b"
+  integrity sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==
+  dependencies:
+    micromark-extension-gfm-autolink-literal "^2.0.0"
+    micromark-extension-gfm-footnote "^2.0.0"
+    micromark-extension-gfm-strikethrough "^2.0.0"
+    micromark-extension-gfm-table "^2.0.0"
+    micromark-extension-gfm-tagfilter "^2.0.0"
+    micromark-extension-gfm-task-list-item "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-types "^2.0.0"
+
 micromark-factory-destination@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-2.0.0.tgz#857c94debd2c873cba34e0445ab26b74f6a6ec07"
@@ -10879,6 +11308,11 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
+not@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/not/-/not-0.1.0.tgz#c9691c1746c55dcfbe54cbd8bd4ff041bc2b519d"
+  integrity sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==
+
 npm-normalize-package-bin@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-3.0.1.tgz#25447e32a9a7de1f51362c61a559233b89947832"
@@ -10891,7 +11325,7 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
-nth-check@^2.0.1:
+nth-check@^2.0.0, nth-check@^2.0.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
   integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
@@ -11163,6 +11597,20 @@ parse-css-color@^0.2.1:
     color-name "^1.1.4"
     hex-rgb "^4.1.0"
 
+parse-entities@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-4.0.1.tgz#4e2a01111fb1c986549b944af39eeda258fc9e4e"
+  integrity sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==
+  dependencies:
+    "@types/unist" "^2.0.0"
+    character-entities "^2.0.0"
+    character-entities-legacy "^3.0.0"
+    character-reference-invalid "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    is-alphanumerical "^2.0.0"
+    is-decimal "^2.0.0"
+    is-hexadecimal "^2.0.0"
+
 parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
@@ -11178,6 +11626,11 @@ parse-ms@^2.1.0:
   resolved "https://registry.yarnpkg.com/parse-ms/-/parse-ms-2.1.0.tgz#348565a753d4391fa524029956b172cb7753097d"
   integrity sha512-kHt7kzLoS9VBZfUsiKjv43mr91ea+U05EyKkEtqp7vNbHxmaVuEqN7XxeEVnGrMtYOAxGrDElSi96K7EgO1zCA==
 
+parse-numeric-range@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/parse-numeric-range/-/parse-numeric-range-1.3.0.tgz#7c63b61190d61e4d53a1197f0c83c47bb670ffa3"
+  integrity sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ==
+
 parse5-htmlparser2-tree-adapter@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz#23c2cc233bcf09bb7beba8b8a69d46b08c62c2f1"
@@ -12042,6 +12495,22 @@ react-loader-spinner@^6.1.6:
     react-is "^18.2.0"
     styled-components "^6.1.2"
 
+react-markdown@^9.0.1, react-markdown@~9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-9.0.1.tgz#c05ddbff67fd3b3f839f8c648e6fb35d022397d1"
+  integrity sha512-186Gw/vF1uRkydbsOIkcGXw7aHq0sZOCRFFjGrr7b9+nVZg4UfA4enXCaxm4fUzecU38sWfrNDitGhshuU7rdg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    devlop "^1.0.0"
+    hast-util-to-jsx-runtime "^2.0.0"
+    html-url-attributes "^3.0.0"
+    mdast-util-to-hast "^13.0.0"
+    remark-parse "^11.0.0"
+    remark-rehype "^11.0.0"
+    unified "^11.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
 react-native-webview@^11.26.0:
   version "11.26.1"
   resolved "https://registry.yarnpkg.com/react-native-webview/-/react-native-webview-11.26.1.tgz#658c09ed5162dc170b361e48c2dd26c9712879da"
@@ -12270,6 +12739,16 @@ reflect.getprototypeof@^1.0.4:
     globalthis "^1.0.3"
     which-builtin-type "^1.1.3"
 
+refractor@^4.8.0:
+  version "4.8.1"
+  resolved "https://registry.yarnpkg.com/refractor/-/refractor-4.8.1.tgz#fbdd889333a3d86c9c864479622855c9b38e9d42"
+  integrity sha512-/fk5sI0iTgFYlmVGYVew90AoYnNMP6pooClx/XKqyeeCQXrL0Kvgn8V0VEht5ccdljbzzF1i3Q213gcntkRExg==
+  dependencies:
+    "@types/hast" "^2.0.0"
+    "@types/prismjs" "^1.0.0"
+    hastscript "^7.0.0"
+    parse-entities "^4.0.0"
+
 regenerator-runtime@^0.14.0:
   version "0.14.1"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f"
@@ -12285,11 +12764,136 @@ regexp.prototype.flags@^1.5.2:
     es-errors "^1.3.0"
     set-function-name "^2.0.1"
 
+rehype-attr@~3.0.1:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/rehype-attr/-/rehype-attr-3.0.3.tgz#36b9c3d2bd91708f0c56080bc3005cba60dec4a7"
+  integrity sha512-Up50Xfra8tyxnkJdCzLBIBtxOcB2M1xdeKe1324U06RAvSjYm7ULSeoM+b/nYPQPVd7jsXJ9+39IG1WAJPXONw==
+  dependencies:
+    unified "~11.0.0"
+    unist-util-visit "~5.0.0"
+
+rehype-autolink-headings@~7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/rehype-autolink-headings/-/rehype-autolink-headings-7.1.0.tgz#531087e155d9df053944923efd47d99728f3b196"
+  integrity sha512-rItO/pSdvnvsP4QRB1pmPiNHUskikqtPojZKJPPPAVx9Hj8i8TwMBhofrrAYRhYOOBZH9tgmG5lPqDLuIWPWmw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    hast-util-heading-rank "^3.0.0"
+    hast-util-is-element "^3.0.0"
+    unified "^11.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-ignore@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/rehype-ignore/-/rehype-ignore-2.0.2.tgz#1212335d3c8bd86422c15d4a4e5afaabc0488802"
+  integrity sha512-BpAT/3lU9DMJ2siYVD/dSR0A/zQgD6Fb+fxkJd4j+wDVy6TYbYpK+FZqu8eM9EuNKGvi4BJR7XTZ/+zF02Dq8w==
+  dependencies:
+    hast-util-select "^6.0.0"
+    unified "^11.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-parse@^9.0.0:
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-parse/-/rehype-parse-9.0.0.tgz#3949faeec6f466ec57774215661e0d75469195d9"
+  integrity sha512-WG7nfvmWWkCR++KEkZevZb/uw41E8TsH4DsY9UxsTbIXCVGbAs4S+r8FrQ+OtH5EEQAs+5UxKC42VinkmpA1Yw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-from-html "^2.0.0"
+    unified "^11.0.0"
+
+rehype-prism-plus@2.0.0, rehype-prism-plus@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-prism-plus/-/rehype-prism-plus-2.0.0.tgz#75b1e2d0dd7496125987a1732cb7d560de02a0fd"
+  integrity sha512-FeM/9V2N7EvDZVdR2dqhAzlw5YI49m9Tgn7ZrYJeYHIahM6gcXpH0K1y2gNnKanZCydOMluJvX2cB9z3lhY8XQ==
+  dependencies:
+    hast-util-to-string "^3.0.0"
+    parse-numeric-range "^1.3.0"
+    refractor "^4.8.0"
+    rehype-parse "^9.0.0"
+    unist-util-filter "^5.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-raw@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-raw/-/rehype-raw-7.0.0.tgz#59d7348fd5dbef3807bbaa1d443efd2dd85ecee4"
+  integrity sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-raw "^9.0.0"
+    vfile "^6.0.0"
+
+rehype-rewrite@~4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/rehype-rewrite/-/rehype-rewrite-4.0.2.tgz#7b094bb586dfda83333994cb3dbb01cb1e8c361d"
+  integrity sha512-rjLJ3z6fIV11phwCqHp/KRo8xuUCO8o9bFJCNw5o6O2wlLk6g8r323aRswdGBQwfXPFYeSuZdAjp4tzo6RGqEg==
+  dependencies:
+    hast-util-select "^6.0.0"
+    unified "^11.0.3"
+    unist-util-visit "^5.0.0"
+
+rehype-sanitize@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-sanitize/-/rehype-sanitize-6.0.0.tgz#16e95f4a67a69cbf0f79e113c8e0df48203db73c"
+  integrity sha512-CsnhKNsyI8Tub6L4sm5ZFsme4puGfc6pYylvXo1AeqaGbjOYyzNv3qZPwvs0oMJ39eryyeOdmxwUIo94IpEhqg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-sanitize "^5.0.0"
+
+rehype-slug@~6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-slug/-/rehype-slug-6.0.0.tgz#1d21cf7fc8a83ef874d873c15e6adaee6344eaf1"
+  integrity sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    github-slugger "^2.0.0"
+    hast-util-heading-rank "^3.0.0"
+    hast-util-to-string "^3.0.0"
+    unist-util-visit "^5.0.0"
+
+rehype-stringify@^10.0.0:
+  version "10.0.0"
+  resolved "https://registry.yarnpkg.com/rehype-stringify/-/rehype-stringify-10.0.0.tgz#2031cf6fdd0355393706f0474ec794c75e5492f2"
+  integrity sha512-1TX1i048LooI9QoecrXy7nGFFbFSufxVRAfc6Y9YMRAi56l+oB0zP51mLSV312uRuvVLPV1opSlJmslozR1XHQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    hast-util-to-html "^9.0.0"
+    unified "^11.0.0"
+
+rehype@~13.0.0:
+  version "13.0.1"
+  resolved "https://registry.yarnpkg.com/rehype/-/rehype-13.0.1.tgz#56384ba83955e2f3aa7eca1975b406c67d9dbd5e"
+  integrity sha512-AcSLS2mItY+0fYu9xKxOu1LhUZeBZZBx8//5HKzF+0XP+eP8+6a5MXn2+DW2kfXR6Dtp1FEXMVrjyKAcvcU8vg==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    rehype-parse "^9.0.0"
+    rehype-stringify "^10.0.0"
+    unified "^11.0.0"
+
 relative-time-format@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/relative-time-format/-/relative-time-format-1.1.6.tgz#724a5fbc3794b8e0471b6b61419af2ce699eb9f1"
   integrity sha512-aCv3juQw4hT1/P/OrVltKWLlp15eW1GRcwP1XdxHrPdZE9MtgqFpegjnTjLhi2m2WI9MT/hQQtE+tjEWG1hgkQ==
 
+remark-gfm@^4.0.0, remark-gfm@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/remark-gfm/-/remark-gfm-4.0.0.tgz#aea777f0744701aa288b67d28c43565c7e8c35de"
+  integrity sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    mdast-util-gfm "^3.0.0"
+    micromark-extension-gfm "^3.0.0"
+    remark-parse "^11.0.0"
+    remark-stringify "^11.0.0"
+    unified "^11.0.0"
+
+remark-github-blockquote-alert@^1.0.0:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/remark-github-blockquote-alert/-/remark-github-blockquote-alert-1.2.1.tgz#adb58d7fb57e96bc5a53674167f130029d1cb3c0"
+  integrity sha512-qNf2mSAoZgh3Cl23/9Y1L7S4Kbf9NsdHvYK398ab/52yEsDPDU5I4cuTcgDRrdIX7Ltc6RK+KCLRtWkbFnL6Dg==
+  dependencies:
+    unist-util-visit "^5.0.0"
+
 remark-html@^16.0.1:
   version "16.0.1"
   resolved "https://registry.yarnpkg.com/remark-html/-/remark-html-16.0.1.tgz#9246d0cf22254c208a86531cbeb26203ae2dd34c"
@@ -12311,6 +12915,17 @@ remark-parse@^11.0.0:
     micromark-util-types "^2.0.0"
     unified "^11.0.0"
 
+remark-rehype@^11.0.0:
+  version "11.1.0"
+  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.0.tgz#d5f264f42bcbd4d300f030975609d01a1697ccdc"
+  integrity sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
+
 remark-stringify@^11.0.0:
   version "11.0.0"
   resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-11.0.0.tgz#4c5b01dd711c269df1aaae11743eb7e2e7636fd3"
@@ -13069,6 +13684,13 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
+style-to-object@^1.0.0:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-1.0.6.tgz#0c28aed8be1813d166c60d962719b2907c26547b"
+  integrity sha512-khxq+Qm3xEyZfKd/y9L3oIWQimxuc4STrQKtQn8aSDRHb8mFgpukgX1hdzfrMEW6JCjyJ8p89x+IUMVnCBI1PA==
+  dependencies:
+    inline-style-parser "0.2.3"
+
 styled-components@^5.3.6:
   version "5.3.11"
   resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.11.tgz#9fda7bf1108e39bf3f3e612fcc18170dedcd57a8"
@@ -13690,7 +14312,7 @@ unicode-trie@^2.0.0:
     pako "^0.2.5"
     tiny-inflate "^1.0.0"
 
-unified@^11.0.0:
+unified@^11.0.0, unified@^11.0.3, unified@~11.0.0:
   version "11.0.5"
   resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.5.tgz#f66677610a5c0a9ee90cab2b8d4d66037026d9e1"
   integrity sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==
@@ -13703,6 +14325,15 @@ unified@^11.0.0:
     trough "^2.0.0"
     vfile "^6.0.0"
 
+unist-util-filter@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/unist-util-filter/-/unist-util-filter-5.0.1.tgz#f9f3a0bdee007e040964c274dda27bac663d0a39"
+  integrity sha512-pHx7D4Zt6+TsfwylH9+lYhBhzyhEnCXs/lbq/Hstxno5z4gVdyc2WEW0asfjGKPyG4pEKrnBv5hdkO6+aRnQJw==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
+
 unist-util-is@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424"
@@ -13717,6 +14348,14 @@ unist-util-position@^5.0.0:
   dependencies:
     "@types/unist" "^3.0.0"
 
+unist-util-remove-position@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz#fea68a25658409c9460408bc6b4991b965b52163"
+  integrity sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-visit "^5.0.0"
+
 unist-util-stringify-position@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz#449c6e21a880e0855bf5aabadeb3a740314abac2"
@@ -13732,7 +14371,7 @@ unist-util-visit-parents@^6.0.0:
     "@types/unist" "^3.0.0"
     unist-util-is "^6.0.0"
 
-unist-util-visit@^5.0.0:
+unist-util-visit@^5.0.0, unist-util-visit@~5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6"
   integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==