feat(PPDSC-2077): add grid-auto props and stylePreset overrides to GridLayout

[Xin00163]

PPDSC-2077

• add grid-auto-columns and grid-auto-rows -> A Complete Guide to Grid | CSS-Tricks → prop name autoColumns and autoRows
• add grid-auto-flow -> A Complete Guide to Grid | CSS-Tricks → prop name autoFlow

I have done:

• Written unit tests against changes
• Written functional tests against the component and/or NewsKit site
• Updated relevant documentation

I have tested manually:

• The feature's functionality is working as expected on Chrome, Firefox, Safari and Edge
• The screen reader reads and flows through the elements as expected.
• There are no new errors in the browser console coming from this PR.
• When visual test is not added, it renders correctly on different browsers and mobile viewports (Safari, Firefox, small mobile viewport, tablet)
• The Playground feature is working as expected

Before:

After:

Who should review this PR:

How to test:

[newskit-engineering]

You can preview these changes on:
Documentation Site: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2077-add-grid-auto-and-stylepreset-to-gridlayout
Storybook: http://ncu-newskit-docs.s3-website-eu-west-1.amazonaws.com/ppdsc-2077-add-grid-auto-and-stylepreset-to-gridlayout/storybook

[LukeFinch]

Nice work, looks good!

[Xin00163]

After #419 is merged, applying stylePreset to gridLayout will result in styles being applied twice as Flag is now using GridLayout. A lot of components are built on top of flag. This result in more than 300 snapshot changes. After chatting with @mutebg , we decided not to add stylePreset to GridLayout overrides for now.