(DsfrBadge) Ajouter les badges standard avec personnalisation

[JoelPagniez]

• Les badges standard ne sont pas pris en compte dans VueDsfr alors que DSFR les autorise.
  Ce sont des badges sans icône. La couleur peut être personnalisée à partir du moment où c'est une couleur standard autorisée et que ce n'est pas une couleur système.
  A titre d'exemple un badge de couleur purple-glycine aura une classe fr-badge--purple-glycine en plus de fr-badge

• La doc VueDsfr est aussi à corriger
  la documentation indique un type none cependant ce type ne fait pas partie des valeurs acceptées de DsfrBadgeProps

export type DsfrBadgeProps = {
...
type?: 'success' | 'error' | 'new' | 'info' | 'warning' | undefined
...

Le type est undefined est par défaut considéré comme info

withDefaults(defineProps<DsfrBadgeProps>(), {
  type: 'info',
})

Pour ne pas créer de breaking change on pourra ajouter un type standardet ajout une prop colorAccent (qui pourra reprendre les couleurs de DsfrColorAccent de DsfrCallout.types.ts sans 'success', 'error', 'new', 'info', 'warning' (undefined possible)