Fixed layout grid and added screenshots

Author: Algirdyz

packages/mantine/mantine-layoutgrid-screenshot.png

@@ -1,5 +1,5 @@
+import { Container, Grid } from '@mantine/core';
 import { GridTemplateProps } from '@rjsf/utils';
-import { Grid, Container } from '@mantine/core';
 
 /** Renders a `GridTemplate` for mantine, which is expecting the column sizing information coming in via the
  * extra props provided by the caller, which are spread directly on the `Grid`/`Grid.Col`.
@@ -8,14 +8,15 @@ import { Grid, Container } from '@mantine/core';
  */
 export default function GridTemplate(props: GridTemplateProps) {
   const { children, column, fluid = true, ...rest } = props;
+
   if (column) {
     return <Grid.Col {...rest}>{children}</Grid.Col>;
   }
 
   // Grid with fluid container
   if (fluid) {
     return (
-      <Container fluid={fluid} p='4' mx={0}>
+      <Container p='4' mx={0} w='100%'>
         <Grid {...rest}>{children}</Grid>
       </Container>
     );

packages/mantine/mantine-simpleform-screenshot.png

@@ -118,4 +118,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

packages/mantine/screenshot.png

@@ -990,7 +990,6 @@ const layoutGrid: Sample = {
                                   {
                                     'ui:col': {
                                       span: 12,
-                                      style: { margin: '38px 0 6px' },
                                       children: ['employment'],
                                     },
                                   },