[grid] GridContainer and GridItem components

[vince19972]

Description

Created two components that wrap around Mui's Grid component to save some manual works for UI Kit users. The components are:

1. GridContainer

   • Inherits Grid component, populated with container, spacing, and direction props that conform with our system
   • spacing is preset with responsive values (40px and 20px)
   • Omits all props type from Grid component, expect for the container prop

2. GridItem

   • Inherits Grid component, populated with item and xs props that conform with our system
   • xs is preset with 12
   • Set default flexGrow: 1 style
   • Omits all props type from Grid component, expect for the item prop

Note

Still waiting for the responsive spacing values to be confirmed on the design side.