Add field-array provider page

Author: rvsia

packages/react-renderer-demo/src/app/src/docs-components/field-array.md renamed to packages/react-renderer-demo/src/app/pages/renderer/field-array.md

@@ -1,9 +1,11 @@
-import NavLink from 'next/link';
+import RouterLink from 'next/link';
+import Link from '@material-ui/core/Link';
+
 import RawComponent from '@docs/raw-component';
 
 ### Field Array Provider
 
-Simillarly to <NavLink href='/renderer/field-provider'><a>FieldProvider</a></NavLink> Data driven forms provide an option how to inlude <a href='https://github.com/final-form/react-final-form-arrays'>React Final Form Arrays</a> in your form.
+Simillarly to <RouterLink href='/renderer/field-provider'><Link>FieldProvider</Link></RouterLink> Data driven forms provide an option how to inlude <a href='https://github.com/final-form/react-final-form-arrays'>React Final Form Arrays</a> in your form.
 
 <b>Please visit their documentation to learn about functionality.</b>
 
@@ -49,7 +51,7 @@ You don't need to name the nested components, then the values are saved as an ar
 
 ### Validators
 
-You can use user a few provided validators (you can also use your <NavLink href='/renderer/validators'><a>own</a></NavLink>.)
+You can use user a few provided validators (you can also use your <RouterLink href='/renderer/validators'><Link>own</Link></RouterLink>.)
 
 ```jsx
 MIN_ITEMS_VALIDATOR: ({threshold})

packages/react-renderer-demo/src/app/src/components/navigation/documentation-pages.js

@@ -31,6 +31,9 @@ export const docs = [{
 }, {
   component: 'field-provider',
   linkText: 'Custom components',
+}, {
+  component: 'field-array',
+  linkText: 'FieldArray Provider',
 }, {
   component: 'form-controls',
   linkText: 'Form buttons',