perf(VDataTable,VDataIterator)!: add item-id and fix check/uncheck all entries performance

[userquin]

Description

This PR adds a new item-id prop to VDataTable and VDataIterator using id when not configured (default).

I need to add the new item-id to the api and check the selectStrategy, looks like can be a custom object, check selectStrategy computed (L127) in packages/vuetify/src/components/VDataTable/composables/select.ts module in this PR (added TODO).

Pending tasks:

• VDataIterator api docs includes item-key but missing in the props, should be renamed to item-id
• update VDataTable and VDataIterator examples in docs
• fix SelectItemId return type, maybe we can use any
• use logic or instead nullish coalescing when getting the item-id

We should review also the item-value and change it to undefined, in the api docs using id.

The performance issue in #19447 is the isSelected computed, with this PR just a map lookup using the new item-id.

fixes #19447

Markup:

https://streamable.com/98scf9

10K rows VDataTable

<template>
  <v-app>
    <v-card title="Devices" flat>
      <template #text>
        <v-text-field
          v-model="search"
          label="Search"
          prepend-inner-icon="mdi-magnify"
          variant="outlined"
          hide-details
          single-line
        />
      </template>

      <v-data-table
        v-model="checkedDevices"
        :items="devices"
        :items-per-page-options="[
          {value: 5, title: '5'},
          {value: 10, title: '10'},
          {value: 25, title: '25'},
          {value: -1, title: 'All'},
        ]"
        :search="search"
        density="compact"
        item-id="id"
        item-value="text"
        items-per-page="5"
        select-strategy="all"
        show-select
        sticky
      />
    </v-card>
  </v-app>
</template>

<script>
  export default {
    name: 'AddEditInitiatives',
    data () {
      return {
        search: '',
        devices: [],
        checkedDevices: [],
      }
    },

    /* watch: {
      checkedDevices: val => {
        console.log(`Watch: ${val.join(', ')}`)
      },
    }, */
    mounted () {
      this.getDevices()
    },

    methods: {
      getDevices () {
        for (let i = 0; i < 10000; i++) {
          this.devices.push({
            id: i + 1,
            text: `Device ${i + 1}`,
            info: {
              serial: `#123456789-${i + 1}`,
              type: 'Phone',
              os: Math.random() > 0.5 ? 'Android' : 'IPhone',
              version: 10 * Math.random(),
              status: Math.random() > 0.5 ? 'Active' : 'Inactive',
            },
          })
        }
      },
    },
  }
</script>

[userquin]

Add number to the function: string | number, we should review the type returned here, we also need the item-id prop, in any case, should it should be a primivite?.

We can keep string, the user should add it using proper conversion: id: number | string