[🚀 Feature]: To improve documentation readability

[pallavigitwork]

Feature and motivation

The current documentation currently has sections for a concept. For each section, actual code is displayed which is fetched from the actual code file for it. Sometimes this causes extra pointers to be displayed in sections like assertions, tear statements, import statements.
this can be avoided, we can have a button - where the complete code file for that concept can be viewed.
and for section, if the person writing it feels that code sample is needed, that could be text/screenshot.
example - a page from nightwatch documentation - https://nightwatchjs.org/guide/writing-tests/commands.html

[github-actions]

@pallavigitwork, thank you for creating this issue. We will troubleshoot it as soon as we can.

---

Info for maintainers

Triage this issue by using labels.

If information is missing, add a helpful comment and then I-issue-template label.

If the issue is a question, add the I-question label.

If the issue is valid but there is no time to troubleshoot it, consider adding the help wanted label.

After troubleshooting the issue, please add the R-awaiting answer label.

Thank you!