docs(docs): add status and presence indicator documentation in avatar

docs/src/pages/components/avatar/usage.mdx

@@ -341,3 +341,21 @@ In an avatar group, you can add a suffix to an entity's name that appears in too
 
 ![Appending a suffix to the name of the disabled entity](./images/tooltip-suffix.png)
 <Caption>Appending a suffix to the name of the disabled entity</Caption>
+
+#### Presence in Round Avatar
+
+Regular and small round avatars can include presence indicators that visually represent the user’s availability , such as **"active"** and **"away"**.
+
+**Note:** Disabled avatars can’t have a presence indicator.
+
+![Presence in Round Avatar ](./images/presence.png)
+<Caption>Presence in Round Avatar </Caption>
+
+#### Status in Regular Round Avatar 
+
+Regular round avatars can include status indicators to represent user-defined or system-determined messages, providing context about the user's current activity or situation. A tooltip should be used to define the status.
+
+**Note:** Status is a slot component which can be replaced to add an image or icon with a stroke of 2px.
+
+![Status in Regular Round Avatar ](./images/status.png)
+<Caption>Status in Regular Round Avatar </Caption>