Review and update whitespaces in mermaid and KaTeX to improve shortcode nesting

exampleSite/content.en/docs/shortcodes/mermaid.md

@@ -11,63 +11,55 @@ create a `mermaid.json` file in your `assets` folder!
 ## Example
 
 {{% columns %}}
+- ````tpl
+  ```mermaid
+  stateDiagram-v2
+      State1: The state with a note
+      note right of State1
+          Important information! You can write
+          notes.
+      end note
+      State1 --> State2
+      note left of State2 : This is the note to the left.
+  ```
+  ````
 
-````tpl
-```mermaid
-stateDiagram-v2
-    State1: The state with a note
-    note right of State1
-        Important information! You can write
-        notes.
-    end note
-    State1 --> State2
-    note left of State2 : This is the note to the left.
-```
-````
-
-<--->
-
-```mermaid
-stateDiagram-v2
-    State1: The state with a note
-    note right of State1
-        Important information! You can write
-        notes.
-    end note
-    State1 --> State2
-    note left of State2 : This is the note to the left.
-```
-
+- ```mermaid
+  stateDiagram-v2
+      State1: The state with a note
+      note right of State1
+          Important information! You can write
+          notes.
+      end note
+      State1 --> State2
+      note left of State2 : This is the note to the left.
+  ```
 {{% /columns %}}
 
 {{% columns %}}
+- ```tpl
+  {{</* mermaid [class="..."] >}}
+  stateDiagram-v2
+      State1: The state with a note
+      note right of State1
+          Important information! You can write
+          notes.
+      end note
+      State1 --> State2
+      note left of State2 : This is the note to the left.
+  {{< /mermaid */>}}
+  ```
 
-```tpl
-{{</* mermaid [class="..."] >}}
-stateDiagram-v2
-    State1: The state with a note
-    note right of State1
-        Important information! You can write
-        notes.
-    end note
-    State1 --> State2
-    note left of State2 : This is the note to the left.
-{{< /mermaid */>}}
-```
-
-<--->
-
-{{< mermaid >}}
-stateDiagram-v2
-    State1: The state with a note
-    note right of State1
-        Important information! You can write
-        notes.
-    end note
-    State1 --> State2
-    note left of State2 : This is the note to the left.
-{{< /mermaid >}}
-
+- {{< mermaid >}}
+  stateDiagram-v2
+      State1: The state with a note
+      note right of State1
+          Important information! You can write
+          notes.
+      end note
+      State1 --> State2
+      note left of State2 : This is the note to the left.
+  {{< /mermaid >}}
 {{% /columns %}}
 
 ## Diagrams