feat: parent child retrieval (#12106)

Signed-off-by: -LAN- <laipz8200@outlook.com>
Co-authored-by: -LAN- <laipz8200@outlook.com>

web/app/components/base/badge.tsx

@@ -3,13 +3,15 @@ import cn from '@/utils/classnames'
 
 type BadgeProps = {
   className?: string
-  text: string
+  text?: string
+  children?: React.ReactNode
   uppercase?: boolean
 }
 
 const Badge = ({
   className,
   text,
+  children,
   uppercase = true,
 }: BadgeProps) => {
   return (
@@ -20,7 +22,7 @@ const Badge = ({
         className,
       )}
     >
-      {text}
+      {children || text}
     </div>
   )
 }