Add documentation on indentation support for components

[tlylt]

What is the purpose of this pull request?

• Documentation update
• Bug fix
• Feature addition or enhancement
• Code maintenance
• Others, please explain:

Overview of changes:
Fixes #1015

As mentioned in the above issue, indenting components might be a common use case. Let's include a section in the tips and tricks to inform users on how to use bootstrap classes to indent components.

Changes include:

• enable pageNav on the tips and tricks page for easier navigation
• add in "indent component section"
• include the above section under "using components/presentation" for more visibility
• a minor update on the formatting content page to make "tips and tricks" visible in pageNav

Anything you'd like to highlight / discuss:
I see that there are "add-class" for adding classes. I used "class" directly as it is shorter.

Testing instructions:
See preview:

• indent components
• presentation
• minor update on heading for the formatting content page

Proposed commit message: (wrap lines at 72 characters)
Add documentation on indentation support for components

Users may need to indent components to align with nearby
content.

Let's add in a section in 'tips and tricks' to show examples
of how to indent components with bootstrap utility classes.

---

Checklist: ☑️

• Updated the documentation for feature additions and enhancements
• Added tests for bug fixes or features
• Linked all related issues
• No unrelated changes
  • a minor update on the "formatting content" page to make "tip and tricks" visible in pageNav

[jonahtanjz]

Thanks @tlylt! Looks clear and detailed.

I see that there are "add-class" for adding classes. I used "class" directly as it is shorter.

Yup using "class" on components should work as well.

LGTM 👍