docs: add missing New badges

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

@@ -311,7 +311,7 @@ export default defineNuxtConfig({
 })
 ```
 
-### Custom config
+### Custom config :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 If you have specific needs, like using a custom icon collection, you can use the `icons` option in your `nuxt.config.ts` as an object to override the config of the [egoist/tailwindcss-icons](https://github.com/egoist/tailwindcss-icons#plugin-options) plugin.
 

docs/content/3.forms/7.toggle.md

@@ -26,7 +26,7 @@ props:
 ---
 ::
 
-### Size
+### Size :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 Use the `size` prop to change the size of the Toggle.
 

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

@@ -163,7 +163,7 @@ code: >-
   This will only work with form elements that support the `size` prop.
 ::
 
-### Eager Validation
+### Eager Validation :u-badge{label="New" class="align-middle ml-2 !rounded-full" variant="subtle"}
 
 By default, validation is only triggered after the initial `blur` event. This is to prevent the form from being validated as the user is typing. You can override this behavior by setting the `eager-validation` prop to `true`