Add ability to change the sort, filter and selection of ArrayField

[fzaninotto]

Problem

<ArrayField> creates a very limited ListContext that doesn't allow manipulating the list

Solution

Use useList to prepare the List context. It already does all we need.

Closes #8761

To Do

• use useList in <ArrayField> to create a complete `ListContext``
• add support for sort, filter, and perPage props
• Add story
• Add tests
• Add documentation

Example

Leveraging perPage and <Pagination> in the <ArrayField>:

import { 
    ArrayField,
    Datagrid,
    Pagination,
    Show,
    SimpleShowLayout,
    TextField
} from 'react-admin';

const PostShow = () => (
    <Show>
        <SimpleShowLayout>
            <TextField source="title" />
            <ArrayField source="backlinks" perPage={5}>
                <Datagrid>
                    <TextField source="uuid" />
                    <TextField source="date" />
                    <TextField source="url" />
                </Datagrid>
                <Pagination />
            </ArrayField>
        </SimpleShowLayout>
    </Show>
);

[fzaninotto]

This looked bad in a SimpleShowLayout. It was designed to make Datagrid rows thinner, but we can do it in user land via the sx prop (see modified PostList).

[djhi]

This one would benefit from setting up the I18nProvider

[fzaninotto]

You're right, fixed!