docs(tooltip): 📝 update docs with preview

Author: Karthik-B-06

docs/tooltip.md

@@ -3,6 +3,10 @@
 AdaptUI provides a Tooltip Component which can be used to provide a brief,
 informative message when a user interacts with an element.
 
+<div align='center'>
+<img src="https://user-images.githubusercontent.com/35562287/208374706-a85e0bc5-f6c4-4ef4-8c6e-bfb42f69c349.png" style="width:375px;" />
+</div>
+  
 #### Simple Usage
 
 ```js
@@ -46,4 +50,4 @@ This component uses `<Popover>` component from
 | isTooltipOpen      | Is the Tooltip Open for Controlled popovers                                      | boolean                   |         |
 | handleTooltipState | A callback to listen to change events also to set state for controlled popovers. | (isOpen: boolean) => void |         |
 
-> type TooltipPlacement `top` `bottom` `left` `right` `top left` `top right` `bottom left` `bottom right` `right top` `right bottom` `left top` 
+> type TooltipPlacement `top` `bottom` `left` `right` `top left` `top right` `bottom left` `bottom right` `right top` `right bottom` `left top`