TreeTable/Tree: filtering should use content of `TreeNode.data` (if defined)

Describe the bug

Defining a TreeNode for TreeTable (or Tree) as follows:

const userNode: TreeNode = {
    key: user.id,
    label: user.username,
    data: {
        name: (
        <div>
            <i className="pi pi-user pr-2"></i>
            <span>{user.username}</span>
        </div>
    ),
..

with column:

<Column field="name" header="" expander>

will render the Tree correctly. However, when having custom jsx in the data.name field, the TreeTable.globalFilter does not work anymore.

The filtering works when using a TreeNode without custom jsx:

const userNode: TreeNode = {
    key: user.id,
    label: user.username,
    data: {
        name: user.username,
..

Reproducer

No response

System Information

primereact 10.8.3

Steps to reproduce the behavior

1. Setup a TreeTable (or Tree) with a TreeNode like above
2. Add globalFilter to TreeTable (with state-hook) and input field:

<InputText type="search" placeholder="Search" onChange={e => setGlobalFilter(e.target.value)} />

3. Test the filter.

Expected behavior

The filtering should filter the content of TreeNode.data-fields.

Start at the TreeTable and Tree filtering entry points, focusing on globalFilter and how TreeNode.data values are read. Reproduce the issue with a data.name value containing JSX, then verify that filtering matches the rendered content while preserving the existing behavior for plain strings.