fix(VCarousel): stop event propagation for prev/next buttons

[vibhash-singh]

Description

Stop click event propagation for prev/next buttons of VCarousel
Fixes #12676

Motivation and Context

Done to fix issue #12676

How Has This Been Tested?

visually

Markup:

<template>
  <v-container>
      <v-card @click="cardClick">
        <v-carousel>
          <v-carousel-item src="https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg"></v-carousel-item>
          <v-carousel-item src="https://cdn.vuetifyjs.com/images/carousel/sky.jpg"></v-carousel-item>
        </v-carousel>
      </v-card>
  </v-container>
</template>

<script>
  export default {
    data: () => ({
    //
    }),
    methods: {
      cardClick: function () {
        console.log('cardClick')
      }
    }
  }
</script>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[MajesticPotatoe]

👍
Thank you for your contribution and interest in improving Vuetify! Make sure to join us in the Discord community.

[vonec]

is this live yet ?