Website text adaptation

[Tedoshiii]

• Adapted "What is WoT" and "Payloads and Headers" pages on the website for better readability
• Added relevant diagrams and images

Preview URL is https://deploy-preview-145--whatiswot.netlify.app/ (there seems to be an issue syncing the next auto comment)

[netlify[bot]]

✅ Deploy Preview for whatiswot ready!

Name	Link
🔨 Latest commit	8cb45b88d3224c1a05632f1cc380c1dd21b4a660
🔍 Latest deploy log	https://app.netlify.com/sites/whatiswot/deploys/661b46596c21990008d4dcc1
😎 Deploy Preview	https://deploy-preview-145--whatiswot.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Tedoshiii]

• Adapted all pages on the website for better readability.
• Applied previous feedback.
• Added relevant diagrams and images.

[egekorkan]

Another general point: Please split this amount of input into multiple PRs. It is just quicker to review and get quicker feedback :)

[Tedoshiii]

• Applied latest feedback.
• Added missing information from the JSON Introduction page.

PR is ready to be merged and any additional changes will be handled in a separate one.