Add generic type in datagrid

[ogustavo-pereira]

Problem

Closes #10595

Describe the problem this PR solves

Solution

Since the datagrid is a React.forwardRef type component, I can't create a generic one easily, so I need help to solve and bring the best solution to this challenge.

I used the article below as a basis to solve the problem
https://www.totaltypescript.com/forwardref-with-generic-components

Variable names are for illustration purposes only, they can be better planned if the solution is to your liking.
Describe the solution this PR implements

How To Test

In the datagrid component itself, you can create a test component passing a generic and seeing if this generic is going to the rowClick

At first I focused only on rowClick, which is my main problem today, if you need other places we can add it

Describe the steps required to test the changes

const Test = () => {
    return (
        <Datagrid<{ id: string; name: string }>
            rowClick={(id, resource, record) =>
                console.log({ id, resource, record })
            }   
        >
            <div></div>
        </Datagrid>
    );
};

Additional Checks

• The PR targets master for a bugfix or a documentation fix, or next for a feature
• The PR includes unit tests (if not possible, describe why)
• The PR includes one or several stories (if not possible, describe why)
• The documentation is up to date

Also, please make sure to read the contributing guidelines.

[djhi]

Thanks!

[djhi]

Can you rename this to genericForwardRef (just like our genericMemo) and extract it in its own file directly under src? I have a feeling we're going to use it elsewhere

[djhi]

WDatagrid? I suggest DatagridComponent

[djhi]

We use this in SimpleListItem from SimpleList too. Can you make it accept a RecordType as well?