docs: integrate @nuxt/ui-pro (#739)

Co-authored-by: Pooya Parsa <pooya@pi0.io>
Co-authored-by: Florent Delerue <florentdelerue@hotmail.com>
Co-authored-by: Sébastien Chopin <seb@nuxt.com>

docs/content/2.elements/3.avatar.md

@@ -90,7 +90,7 @@ To stack avatars as a group, use the `AvatarGroup` component.
 - To size all the avatars equally, pass the `size` prop
 - To adjust the spacing or the ring between avatars, customize with `ui.avatarGroup.margin` or `ui.avatarGroup.ring`
 
-::component-card{slug="AvatarGroup"}
+::component-card{slug="UAvatarGroup"}
 ---
 props:
   size: 'sm'
@@ -113,10 +113,10 @@ code: |
 
 :u-divider{label="AvatarGroup" type="dashed" class="my-12"}
 
-:component-props{slug="avatar-group"}
+:component-props{slug="UAvatarGroup"}
 
 ## Config
 
 :component-preset
 
-:component-preset{slug="avatar-group"}
+:component-preset{slug="AvatarGroup"}