docs: migrate to @nuxthq/ui-kit (#405)

Co-authored-by: Sébastien Chopin <seb@nuxt.com>

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

@@ -1,6 +1,9 @@
 ---
-github: true
 description: Display an image that represents a resource or a group of resources.
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Avatar.vue
 ---
 
 ## Usage

docs/content/2.elements/2.badge.md

@@ -1,6 +1,9 @@
 ---
-github: true
 description: Display a short text to represent a status or a category.
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Badge.vue
 ---
 
 ## Usage

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

@@ -1,6 +1,9 @@
 ---
-github: true
 description: Create a button with icon or link capabilities.
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Button.vue
 ---
 
 ## Usage

docs/content/2.elements/4.dropdown.md

@@ -1,9 +1,12 @@
 ---
-github: true
 description: Display a list of actions in a dropdown menu.
-headlessui:
-  label: 'Menu'
-  to: 'https://headlessui.com/vue/menu'
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Dropdown.vue
+  - label: Menu
+    icon: i-simple-icons-headlessui
+    to: https://headlessui.com/vue/menu
 ---
 
 ## Usage

docs/content/2.elements/5.accordion.md

@@ -1,9 +1,12 @@
 ---
-github: true
 description: Display togglable accordion panels.
-headlessui:
-  label: 'Disclosure'
-  to: 'https://headlessui.com/vue/disclosure'
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Accordion.vue
+  - label: Disclosure
+    icon: i-simple-icons-headlessui
+    to: 'https://headlessui.com/vue/disclosure'
 navigation:
   badge: 'Edge'
 ---

docs/content/2.elements/6.icon.md

@@ -1,6 +1,9 @@
 ---
-github: true
 description: Display an icon from Iconify library.
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Icon.vue
 ---
 
 ## Usage
@@ -12,7 +15,7 @@ props:
 ---
 ::
 
-::alert{icon="i-heroicons-exclamation-triangle"}
+::callout{icon="i-heroicons-exclamation-triangle"}
 When playing with the `name` prop above, you won't be able to use any icon you want as icons are bundled on build as explained in the [theming section](/getting-started/theming#icons).
 ::
 

docs/content/2.elements/7.kbd.md

@@ -1,7 +1,10 @@
 ---
-github: true
 title: 'Keyboard Key'
 description: Display a keyboard key in a text block.
+links:
+  - label: GitHub
+    icon: i-simple-icons-github
+    to: https://github.com/nuxtlabs/ui/blob/dev/src/runtime/components/elements/Kbd.vue
 navigation:
   title: 'Kbd'
 ---