fix(VChipGroup): support center-active

[J-Sek]

Description

• registers VChip in slider group, so <v-slider-group-item> wrapper is not necessary
• supports closable (that technically does not remove the chip, so it needs to call unregister manually)

fixes #22046

Markup:

<template>
  <v-app theme="dark">
    <v-container :max-width="600">
      <v-chip-group v-model="selected" selected-class="text-red" center-active filter>
        <v-chip v-for="item in items" :key="item.value" :text="item.text" :value="item.value" closable />
      </v-chip-group>
    </v-container>
  </v-app>
</template>

<script setup>
  import { shallowRef } from 'vue'

  const items = Array.from({ length: 25 }, (_, i) => ({ text: `Item ${i}`, value: `id_${i}` }))
  const selected = shallowRef(items[16].value)
</script>