[REF-2811] rx.section default size 3 is "too big"

[masenf]

Describe the bug
The nice thing about the rx.section (aside from being semantic) is that it adds healthy margins between page content areas... however the default size="3" is too much space and does not really look good.

I propose changing the default to size="2" so that downstream users don't need to change the not-great-looking default.

Expected behavior
The default should "look good"

Screenshots
Here is the default section spacing

And with size="2"

Specifics (please complete the following information):

• Python Version: 3.11.8
• Reflex Version: 0.5.0a1

_{From SyncLinear.com | REF-2811}

[kusumdesai]

Hey @masenf !!
Please assign this to me under GSSoC'24..

[masenf]

@kusumdesai check out how we override the size for the radix Container component for an example of how this is done.