feat: add yellow color for the Badge component (#2376)

Author: pqoqubbw

components/badge.mdx

@@ -23,6 +23,7 @@ Badges support multiple color variants to convey different meanings.
 <Badge color="gray">Badge</Badge>
 <Badge color="blue">Badge</Badge>
 <Badge color="green">Badge</Badge>
+<Badge color="yellow">Badge</Badge>
 <Badge color="orange">Badge</Badge>
 <Badge color="red">Badge</Badge>
 <Badge color="purple">Badge</Badge>
@@ -35,6 +36,7 @@ Badges support multiple color variants to convey different meanings.
 <Badge color="gray">Badge</Badge>
 <Badge color="blue">Badge</Badge>
 <Badge color="green">Badge</Badge>
+<Badge color="yellow">Badge</Badge>
 <Badge color="orange">Badge</Badge>
 <Badge color="red">Badge</Badge>
 <Badge color="purple">Badge</Badge>
@@ -141,7 +143,7 @@ Combine multiple properties for custom badge styles.
 <ResponseField name="color" type="string" default="gray">
   Badge color variant.
 
-  Options: `gray`, `blue`, `green`, `orange`, `red`,
+  Options: `gray`, `blue`, `green`, `yellow`, `orange`, `red`,
   `purple`, `white`, `surface`, `white-destructive`, `surface-destructive`.
 </ResponseField>