Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>

Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>

Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>

… grid` types

- it's not doing anything, as `display: grid` is not set and the child components already default to a responsive/stacked display

- this is already being handled by each individual child title/description component's `margin-top` CSS

- adding it for column displays simply incorrectly doubles the spacing

- no child components are using it, so it isn't necessary to pass via context

- fix missing `max-inline-size` - needed to use `:` and not a `=`

- move max-width const outside of fn (micro-perf)

- remove `column-display` const, just repeat the logic since it's one line and the important information is already a const

… breakpoint logic to determine whether type is a row or a column

- since that is basically the logic that's happening, and we're repeating CSS a lot by handling it there instead of in JS

+ opinionated - reorder imports by most to least generic

- the logic should simply be inherited from the parent description list

- context should use types minus `responsiveColumn`

- reorder imports - prefer ordering most generic to most specific, and using newlines to group

- props weren't doing anything without the correct type

+ fix variable to use camelCasing and not snake_casing

- todo: remaining changelog items

- since `s` is the new row gutter size default, no need to specify it

Co-authored-by: Cee Chen <549407+cee-chen@users.noreply.github.com>

+ clean up var names and callbacks