Agregar padding o margen al RadioGroup

[iTzGooDLife]

Actualemente el componente /src/components/button/DefaultRadioGroup.tsx no implementa una separación entre los "radio", por lo que quedan muy juntos, afectando bastante al visual. Se debería agregar un padding o margen a los componentes.

Ejemplo de como se ve actualmente:

Propuesta de solución

<div>
  {options.map((option) => (
    <div className="mb-3">
      <Radio
        key={option.id}
        id={option.id}
        name={name}
        label={option.label}
        value={option.value}
        checked={value === option.value}
        disabled={option.disabled}
        onChange={handleRadioGroupChange}
      />
    </div>
  ))}
</div>

Se propone agregar un margen de 12 pixeles, que está dentro de lo recomendado.

Ejemplo de la solución propuesta:

[jllanosg]

te dije q me comentaras la otra issue