fix: update TypeBadge component styles for improved visual consistency

Author: ErwanDecoster

src/modules/datasets/dataset/schema/TypeBadge.tsx

@@ -15,7 +15,7 @@ interface TypeBadgeProps {
 }
 
 const borderTypeColor = [
-  { keywords: ['string'], color: 'border-yellow-500 text-yellow-500' },
+  { keywords: ['string'], color: 'border-yellow-500 text-yellow-200' },
   { keywords: ['video'], color: 'border-orange-300 text-orange-300' },
   { keywords: ['bool'], color: 'border-blue-200 text-blue-200' },
   { keywords: ['application'], color: 'border-blue-400 text-blue-400' },
@@ -53,7 +53,7 @@ const TypeBadge: React.FC<TypeBadgeProps> = ({
       className={cn(
         `flex`,
         direction === 'vertical'
-          ? 'flex-col gap-1'
+          ? 'flex-col gap-2'
           : 'flex-row flex-wrap gap-4',
         className
       )}