Add a visual representation of the material set tree (#42)

* chore: enable mermaid diagrams in docs

* feat: add documentation for icon set hierarchy

Author: mikerooni

docs/Modpacks/Materials-and-Elements/Material-Icon-Sets.md

@@ -48,3 +48,37 @@ GTCEuStartupEvents.registry('gtceu:material_icon_set', event => {
         .parent('shiny')
 })
 ```
+
+## Available Icon Set Hierarchy
+
+Icon sets may define only a specific subset of icons.
+In case an icon set doesn't contain a specific icon for an item, the respective icon from its parent will be used.
+
+The root icon set is `DULL`
+
+```mermaid
+graph BT
+    METALLIC --> DULL
+    MAGNETIC --> METALLIC
+    SHINY --> METALLIC
+    BRIGHT --> SHINY
+    DIAMOND --> SHINY
+    EMERALD --> DIAMOND
+    GEM_HORIZONTAL --> EMERALD
+    GEM_VERTICAL --> EMERALD
+    RUBY --> EMERALD
+    OPAL --> RUBY
+    GLASS --> RUBY
+    NETHERSTAR --> GLASS
+    FINE --> DULL
+    SAND --> FINE
+    WOOD --> FINE
+    ROUGH --> FINE
+    FLINT --> ROUGH
+    LIGNITE --> ROUGH
+    QUARTZ --> ROUGH
+    CERTUS --> QUARTZ
+    LAPIS --> QUARTZ
+    FLUID --> DULL
+    RADIOACTIVE --> METALLIC
+```

mkdocs.yml

@@ -54,7 +54,11 @@ markdown_extensions:
   - admonition
   - attr_list
   - md_in_html
-  - pymdownx.superfences
+  - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format
   - pymdownx.details
   - pymdownx.highlight
   - pymdownx.inlinehilite