[Col] Add 4 as an option of the xs prop

[huyenltnguyen]

Description

In /learn, we have a layout where xs={4} is required:

https://github.com/freeCodeCamp/freeCodeCamp/blob/b234cf80970e2b01a8175e4d9ce3a40ba0c85cbf/client/src/components/settings/certification.tsx#L391

But the Col component doesn't support 4 as an xs value:

ui/src/col/types.ts

Line 4 in 3ee138b

xs?: 6 | 8 | 10 | 12;

Changes needed:

• Add 4 to:

  • ui/src/col/types.ts

    Line 4 in 3ee138b

    xs?: 6 | 8 | 10 | 12;

• Add 4: "w-1/3", to:

  • ui/src/col/col.tsx

    Line 5 in 5b612c4

    const ExtraSmallClasses = {