Display comparison side by side

[pkozuchowski]

It would be helpful to see old and new flow version side by side like here:

Approach 1: Table
Unfortunately, it's squeezed as seen bellow

Old	New
flowchart TD OLD_1 OLD_2 OLD_3 OLD_4 OLD_1 --> OLD_2 --> OLD_3 --> OLD_4 Loading	flowchart TD NEW_1 NEW_2 NEW_3 NEW_4 NEW_1 --> NEW_2 --> NEW_3 --> NEW_4 Loading

Code

<table>
<tr>
<td> OLd </td> <td> New </td>
</tr>
<tr>
<td>

```mermaid
flowchart TD
        OLD_1
        OLD_2
        OLD_3
        OLD_4
        OLD_1 --> OLD_2 --> OLD_3 --> OLD_4

flowchart TD
        NEW_1
        NEW_2
        NEW_3
        NEW_4
        NEW_1 --> NEW_2 --> NEW_3 --> NEW_4

Loading

```

Approach 2: Create 2 side-by-side diagrams within single diagram
ex: https://mermaid.js.org/syntax/stateDiagram.html#concurrency

or Flowchart's subgraphs:

flowchart TD
    subgraph OLD
        OLD_1
        OLD_2
        OLD_3
        OLD_4
        OLD_1 --> OLD_2 --> OLD_3 --> OLD_4
    end

    subgraph NEW
        NEW_1
        NEW_2
        NEW_3
        NEW_4
        NEW_1 --> NEW_2 --> NEW_3 --> NEW_4
    end

Loading

flowchart TD
    subgraph OLD
        OLD_1
        OLD_2
        OLD_3
        OLD_4
        OLD_1 --> OLD_2 --> OLD_3 --> OLD_4
    end

    subgraph NEW
        NEW_1
        NEW_2
        NEW_3
        NEW_4
        NEW_1 --> NEW_2 --> NEW_3 --> NEW_4
    end