[Bug Report][3.2.4] The ripple effect of a button with only an icon should come from the center

[PurpleTape]

Environment

Vuetify Version: 3.2.4
Vue Version: 3.3.2
Browsers: Firefox 112.0
OS: Mac OS 10.15

Steps to reproduce

Go to the playground and click on buttons

Expected Behavior

The ripple effect of a button containing only an icon comes from the center

Actual Behavior

The ripple effect comes from the place of the click

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

According to the source code:

vuetify/packages/vuetify/src/components/VBtn/VBtn.tsx

Lines 191 to 195 in ecf814d

	v-ripple={[
	!isDisabled.value && props.ripple,
	null,
	props.icon ? ['center'] : null,
	]}

the ripple effect for a button with only an icon should come from the center of the button.

At the moment, the ripple effect comes from the place of the click, as with ordinary buttons

[KaelWD]

The JSX compiler only seems to take a static array:
works
doesn't work
doesn't work
doesn't work

---

ok that kinda makes sense because in templates you can only have dynamic arguments, not modifiers