[Docs] Restructure the layout of "Understanding Tool Modes"

[miacycle]

Current State

This page, https://docs.layer5.io/kanvas/designer/understanding-tool-modes/, is hard to read and would be better presented in a table, or tab panel or... something else.

Desired State

See https://docs.layer5.io/cloud/reference/default-permissions/ for an example of the use of:

{{< tabpane > }} {{ < tab > }}

---

Contributor Guide and Resources

• 📚 Instructions for contributing to documentation
  • Layer5 documentation site and source
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[REDFLAG-bugs]

Hello @miacycle,
I’ve implemented the proposed restructuring on my branch: https://github.com/REDFLAG-bugs/docs/blob/anshuman/content/en/kanvas/designer/understanding-tool-modes/index.md

I’ve transformed the linear descriptions into a comparative table/tab panel to improve readability and quick reference. Please let me know if this aligns with your vision. Once you’re satisfied, I’ll submit a formal Pull Request.

[sangramrath]

@REDFLAG-bugs thank you for looking into this issue. It would be good to see this in a preview. You can raise a PR in draft mode, and that should generate a preview and we can make iterations as needed.

[REDFLAG-bugs]

Thank you @sangramrath, I have created the Pull Request #585