fix(VAutocomplete): fix accessibility of chips

[tmasrat]

Description

1. to make v-autocomplete and v-select with multiple closable chips keyboard accessible

   • I passed tabindex="0" to VChip and a prop called onCloseChip which triggers onChipClose function
   • In VIcon I'm setting tabindex="0" when onClick event is defined (same as [Bug Report][3.3.21] Accessibility: v-select and v-autocomplete Clearable icon not keyboard accessible vuetifyjs/vuetify#18482)

2. to make v-select with single chip keyboard accessible

   • The above changes still apply here but when calling select, I am passing 'closing' as a string so I can clear the modal.value which will clear the value. This functionality doesn't work in v-autocomplete. Here is a reproduction link

fixes vuetifyjs#18493

Markup:

<template>
  <v-app>
    <v-container>
      <v-autocomplete
          label="Autocomplete"
          :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
          chips
          closable-chips
      ></v-autocomplete>
      <v-autocomplete
          label="Autocomplete Multiple"
          :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
          chips
          closable-chips
          multiple
      ></v-autocomplete>
      <v-select
          label="Select"
          :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
          chips
          closable-chips
      ></v-select>
      <v-select
          label="Select Multiple"
          :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
          chips
          closable-chips
          multiple
      ></v-select>
    </v-container>
  </v-app>
</template>
<script setup lang="ts">
</script>