Ripple Effect Not Working on `Card` When `on_press` Event is Set

[Sn3llius]

Describe the bug

The ripple effect does not function correctly on the Card component when an on_press event is set. Normally, the ripple effect should be visible when the card is pressed, but this does not happen if the on_press event is assigned. Additionally, setting ripple=True does not resolve the issue, the ripple effect still does not work.

Steps to Reproduce

class SamplePage(rio.Component):
    def build(self) -> rio.Component:
        return rio.Card(
            # Add some content to the card
            content=rio.Row(
                rio.Icon(icon="material/castle"),
                rio.Text("Click me!"),
                spacing=1,
                align_x=0.5,
                margin=3,
            ),
            # React to presses
            on_press=lambda: print("Card clicked!"),
            ripple=True, # <- does not work
            align_x=0.5,
            align_y=0.5,
        )

Screenshots/Videos

No response

Operating System

Windows, Linux

What browsers are you seeing the problem on?

Chrome, Firefox, Safari, Edge

Browser version

No response

What device are you using?

Desktop, Mobile

Additional context

No response