Add documentation to the KTooltip page

[MisRob]

🌱 Are you new to the codebase? Welcome! Please see the contributing guidelines.

Summary

The KTooltip documentation page lacks an overview and examples of usage. The goal of this issue is to:

• Add the “Overview” section with a brief introduction on what the component is for.
• Add the “Usage” section with sub-sections documenting:
  • The basic usage with an example code snippet and the visualization of its output. The example should include reference and refs explanation and show how KTooltip is used together with another component, such as KIcon (Kolibri codebase examples).
  • A visualization of the disabled state
  • A visualization of all supported placements
  • A visualization of maxWidth

Guidance

• For consistency in documentation, first see the “Writing” guidelines and use existing pages for reference, such as the KTextbox documentation and KImg documentation pages.
• Generally we try to strike a balance between documenting all important modes of a component, while not overwhelming readers with unnecessary details or exhaustive lists of all possible states.
• Use simple, clear, and concise language. Think about whether what you are explaining can be easily understood by newcomers.
• To understand the technical aspects of writing documentation, refer to:
  • “How to update the documentation website”
  • Documentation pages code, such as KTextbox docs source code or KImg's docs source code

[sruthin21]

I want to work on this Issue Please Assign This to me

[AlexVelezLl]

Thanks for your interest in picking this up @sruthin21!! I just assigned this issue to you 🤗. Please let us know if there is anything we can help with 👐.

[sruthin21]

sure @AlexVelezLl Thanks for assigning