Merge branch 'develop' into sidv/docs

* develop:
  chore: update browsers list
  Fix pre
  Prettier pass
  Fix XSS htmls
  fix #3407 Replace `div` with `pre` and format

docs/examples.md

@@ -16,12 +16,6 @@ pie title NETFLIX
          "Time spent watching it" : 10
 ```
 
-```mermaid
-pie title NETFLIX
-         "Time spent looking for movie" : 90
-         "Time spent watching it" : 10
-```
-
 ```mermaid-example
 pie title What Voldemort doesn't have?
          "FRIENDS" : 2
@@ -29,13 +23,6 @@ pie title What Voldemort doesn't have?
          "NOSE" : 45
 ```
 
-```mermaid
-pie title What Voldemort doesn't have?
-         "FRIENDS" : 2
-         "FAMILY" : 3
-         "NOSE" : 45
-```
-
 ## Basic sequence diagram
 
 ```mermaid-example
@@ -72,14 +59,6 @@ graph LR
     C --> D
 ```
 
-```mermaid
-graph LR
-    A[Square Rect] -- Link text --> B((Circle))
-    A --> C(Round Rect)
-    B --> D{Rhombus}
-    C --> D
-```
-
 ## Larger flowchart with some styling
 
 ```mermaid-example
@@ -106,30 +85,6 @@ graph TB
      class di orange
 ```
 
-```mermaid
-graph TB
-    sq[Square shape] --> ci((Circle shape))
-
-    subgraph A
-        od>Odd shape]-- Two line<br/>edge comment --> ro
-        di{Diamond with <br/> line break} -.-> ro(Rounded<br>square<br>shape)
-        di==>ro2(Rounded square shape)
-    end
-
-    %% Notice that no text in shape are added here instead that is appended further down
-    e --> od3>Really long text with linebreak<br>in an Odd shape]
-
-    %% Comments after double percent signs
-    e((Inner / circle<br>and some odd <br>special characters)) --> f(,.?!+-*ز)
-
-    cyr[Cyrillic]-->cyr2((Circle shape Начало));
-
-     classDef green fill:#9f6,stroke:#333,stroke-width:2px;
-     classDef orange fill:#f96,stroke:#333,stroke-width:4px;
-     class sq,e green
-     class di orange
-```
-
 ## SequenceDiagram: Loops, alt and opt
 
 ```mermaid-example
@@ -148,22 +103,6 @@ sequenceDiagram
     end
 ```
 
-```mermaid
-sequenceDiagram
-    loop Daily query
-        Alice->>Bob: Hello Bob, how are you?
-        alt is sick
-            Bob->>Alice: Not so good :(
-        else is well
-            Bob->>Alice: Feeling fresh like a daisy
-        end
-
-        opt Extra response
-            Bob->>Alice: Thanks for asking
-        end
-    end
-```
-
 ## SequenceDiagram: Message to self in loop
 
 ```mermaid-example
@@ -262,22 +201,6 @@ sequenceDiagram
 
 ## A commit flow diagram.
 
-```mermaid-example
-gitGraph:
-    commit "Ashish"
-    branch newbranch
-    checkout newbranch
-    commit id:"1111"
-    commit tag:"test"
-    checkout main
-    commit type: HIGHLIGHT
-    commit
-    merge newbranch
-    commit
-    branch b2
-    commit
-```
-
 ```mermaid
 gitGraph:
     commit "Ashish"