Update docs to properly showcase participant ordering

[loucadufault]

📑 Summary

Brief description about the content of your PR.

The example in the docs behaves the same with or without specifying the participants. The messages in the example have thus been reordered to make the explicit ordering useful, to better showcase the intent.

📏 Design Decisions

📋 Tasks

Make sure you

• 📖 have read the contribution guidelines (can't access!)
• 💻 have added necessary unit/e2e tests.
• 📓 have added documentation. Make sure MERMAID_RELEASE_VERSION is used for all new features.
• 🔖 targeted develop branch

[netlify]

❌ Deploy Preview for mermaid-js failed.

Name	Link
🔨 Latest commit	392ebd0
🔍 Latest deploy log	https://app.netlify.com/sites/mermaid-js/deploys/65d68b949b98250008a17ffa

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (70c8a3d) 79.15% compared to head (392ebd0) 79.15%.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #5306   +/-   ##
========================================
  Coverage    79.15%   79.15%           
========================================
  Files          175      175           
  Lines        14514    14514           
  Branches       866      866           
========================================
  Hits         11488    11488           
  Misses        2823     2823           
  Partials       203      203           

Flag	Coverage Δ
e2e	84.72% <ø> (ø)
unit	43.20% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

[mermaid-bot]

@loucadufault, Thank you for the contribution!
You are now eligible for a year of Premium account on MermaidChart.
Sign up with your GitHub account to activate.