docs: added Screenshot in controls

[Darsh0307]

GitHub Issue (If applicable): Close https://github.com/unoplatform/uno.toolkit.ui/issues/911

PR Type

Docs changes

What kind of change does this PR introduce?

• Documentation content changes

What is the current behavior?

No Screenshot explanation in Controls

What is the new behavior?

Screenshots in controls

PR Checklist

Please check if your PR fulfills the following requirements:

• [ ] Tested code with current supported SDKs
• [ ] Tested the changes where applicable:
  • [ ] UWP
  • [ ] WinUI
  • [ ] iOS
  • [ ] Android
  • [ ] WASM
  • [ ] MacOS
• [ ] Updated the documentation as needed:
  • [ ] General Doc Update
  • [x] Controls Doc Update
  • [ ] Extensions Doc Update
  • [ ] controls-styles.md
  • [ ] lightweight-styling.md (LightWeight Styling Resource Keys)
• [ ] Runtime Tests and/or UI Tests for the changes have been added (for bug fixes / features) (if applicable)
• [ ] Contains NO breaking changes
• [x] Associated with an issue (GitHub or internal)
• [x] Commits must be following the Conventional Commits specification.

Other information

Internal Issue (If applicable):

[Darsh0307]

For Divider I will add the screenshot with the example which we have used in this PR. https://github.com/unoplatform/uno.toolkit.ui/pull/932/files

[Darsh0307]

Chips Drawer Control Drawer Flyout Presentor

[Darsh0307]

What about NavigationBar / TabBar?

@kazo0

Well there were enough screenshot when explaining the main use of navbar and tab bar. So thats why i didnt envolved it.

But for DrawerControl and DrawerControl i can definetely make a GIF because thats look more cooler and nicer :)