Changed demoSchema to use subform as a wrapper on all the components.

Author: Arun-42

packages/ant-component-mapper/src/files/sub-form.js

@@ -1,18 +1,19 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { Typography, Row, Col } from 'antd';
 
 import { useFormApi } from '@data-driven-forms/react-form-renderer';
 
 const { Title, Paragraph } = Typography;
 const SubForm = ({ fields, title, description, FormSpyProvider: _FormSpyProvider, validate: _validate, ...rest }) => {
+  //rest not used. rest ={type, label, name, options, isRequired}
   const { renderForm } = useFormApi();
   return (
-    <div>
+    <Fragment>
       {title && (
         <Row>
           <Col span={24}>
-            <Title>{title}</Title>
+            <Title level={3}>{title}</Title>
           </Col>
         </Row>
       )}
@@ -26,7 +27,7 @@ const SubForm = ({ fields, title, description, FormSpyProvider: _FormSpyProvider
       <Row>
         <Col span={24}>{renderForm(fields)}</Col>
       </Row>
-    </div>
+    </Fragment>
   );
 };