Option to have full-width cell in structuredListItem when there is only one child

[Xin00163]

Is your feature request related to a problem? Please describe.

When there is only one child, the user would like to remove the padding around the cell. Currently this is not doable in structuredListCell because it's using xs={12}.

Describe the solution you'd like

Ideally we should have an option to pass xs='full-width'so the padding will be removed.

Describe alternatives you've considered

A clear and concise description of any alternative solutions or features you've considered.
Add a prop like below

      if (childrenArray.length === 1) {
        return (
          <StyledGrid
            xsRowGutter="space000"
            xsMargin="space020"
            lgMargin="space030"
            overrides={overrides}
            hasHref={hasHref}
          >
            <StyledCell xs={fullWidthCell? 'full-width': 12} align={alignCell1}>
              {childrenArray[0]}
            </StyledCell>
          </StyledGrid>
        );
      }

Additional context

Copy the below scenario in storybook to view the issue

        <StructuredList
          ariaLabel="list"
          overrides={{
            paddingInline: 'space000',
            paddingBlock: 'space000',
            width: 'unset',
          }}
        >
          <StructuredListItem
            ariaLabel="list item"
            overrides={{
              paddingInline: 'space000',
              paddingBlock: 'space000',
            }}
          >
            <StructuredListCell>
              <HeadingTextBlock>[Cell 1]</HeadingTextBlock>
            </StructuredListCell>
          </StructuredListItem>
        </StructuredList>