update mermaid

Author: ethanpalm

components/icons.mdx

@@ -4,7 +4,7 @@ description: "Use icons from popular icon libraries"
 icon: "flag"
 ---
 
-Use icons from Font Awesome, Lucide, or custom icon URLs to enhance your documentation.
+Use icons from Font Awesome, Lucide, URLs, or files in your project to enhance your documentation.
 
 <Icon icon="flag" size={32} />
 

components/mermaid-diagrams.mdx

@@ -1,14 +1,16 @@
 ---
-title: 'Mermaid'
-description: 'Display diagrams using Mermaid'
-icon: 'waypoints'
+title: "Mermaid"
+description: "Display diagrams using Mermaid"
+icon: "waypoints"
 ---
 
-Create visual diagrams using Mermaid's text-based syntax. Mermaid lets you build flowcharts, sequence diagrams, Gantt charts, and other diagram types using simple text commands.
+[Mermaid](https://mermaid.js.org/) lets you build flowcharts, sequence diagrams, Gantt charts, and other diagrams using text and code.
+
+For a complete list of supported diagram types and syntax, see the [Mermaid documentation](https://mermaid.js.org/intro/).
 
 <RequestExample>
 
-````mdx Mermaid Flowchart Example
+````mdx Mermaid flowchart example
 ```mermaid
   flowchart LR
     subgraph subgraph1
@@ -31,8 +33,6 @@ Create visual diagrams using Mermaid's text-based syntax. Mermaid lets you build
 
 </RequestExample>
 
-[Mermaid](https://mermaid.js.org/) is a JavaScript-based diagramming tool that renders markdown-inspired text definitions.
-
 ```mermaid
   flowchart LR
     subgraph subgraph1
@@ -52,8 +52,6 @@ Create visual diagrams using Mermaid's text-based syntax. Mermaid lets you build
     outside ---> top2
 ```
 
-For a complete list of supported diagram types, check out the [Mermaid website](https://mermaid.js.org/).
-
 ## Syntax
 
 To create a Mermaid diagram, write your diagram definition inside a Mermaid code block.