docs: update badges

docs/content/1.getting-started/3.theming.md

@@ -1,7 +1,5 @@
 ---
 description: 'Learn how to customize the look and feel of the components.'
-navigation:
-  badge: New
 ---
 
 ## Overview

docs/content/3.forms/9.form-group.md

@@ -192,7 +192,7 @@ code: >-
 
 ## Slots
 
-### `label`
+### `label` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#label` slot to set the custom content for label.
 
@@ -210,7 +210,7 @@ slots:
   :u-input{model-value="benjamincanac" placeholder="you@example.com"}
 ::
 
-### `description`
+### `description` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#description` slot to set the custom content for description.
 
@@ -230,7 +230,7 @@ props:
   :u-input{model-value="benjamincanac" placeholder="you@example.com"}
 ::
 
-### `hint`
+### `hint` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#hint` slot to set the custom content for hint.
 
@@ -250,7 +250,7 @@ props:
   :u-input{model-value="benjamincanac" placeholder="you@example.com"}
 ::
 
-### `help`
+### `help` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#help` slot to set the custom content for help.
 
@@ -270,7 +270,7 @@ props:
   :u-input{model-value="benjamincanac" placeholder="you@example.com"}
 ::
 
-### `error`
+### `error` :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `#error` slot to set the custom content for error.
 

docs/content/4.data/1.table.md

@@ -524,7 +524,7 @@ excludedProps:
 ---
 ::
 
-## Styling
+## Styling :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 You can apply styles to `tr` and `td` elements by passing a `class` to rows.