fix(VList): Use proper accessibility attributes

[ikushum]

fixes #20978

Description

Use proper accessibility attributes for VList and VListItem

Markup:

<template>
  <v-card>
    <!-- With items prop -->
    <v-list
      :items="items"
      item-title="name"
      aria-label="Nice list"
    ></v-list>

    <v-divider />

    <!-- With v-list-item -->
    <v-list selectable aria-label="Nice list">
      <v-list-item
        v-for="item in items"
        :key="item.id"
        :value="item.id"
      >
        {{ item.name }}
      </v-list-item>
    </v-list>

    <v-divider />

    <!-- With v-list-item and no parent v-list -->
    <v-list-item>
      VListItem
    </v-list-item>
  </v-card>
</template>

<script>
  export default {
    data: () => ({
      items: [
        {
          name: 'Item #1',
          id: 1,
        },
        {
          name: 'Item #2',
          id: 2,
        },
        {
          name: 'Item #3',
          id: 3,
        },
      ],
    }),
  }
</script>

[ikushum]

⚠️ Not sure if this can be counted as a breaking change because v-list will now have list role by default instead of "listbox".