High Level Diagram in docs

[MohamedKamal000]

currently when i open the docs, i see a mermaid syntax of the High-Level diagram this way

i end up copying the syntax and using any external editor to see exactly how it looks

my question is, should we stick to mermaid ?

i have made a kinda better diagram when i was studying the code base, but the thing is it will be used as an image instead

do you think we should leave it mermaid as it is ? or changing it would be better ?
@benodiwal
@probablyArth

[MohamedKamal000]

this should solve it #140